![]() Step 2: Activate the module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options ![]() Step 1: Make sure you have the Astra Pro Addon plugin installed and activated. Quick Steps to Manage a Mobile Header Using the Mobile Header Module To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website. Mobile Header is a premium feature available with the Astra Pro Addon plugin. ![]() The Mobile Header module from Astra Pro adds more options to the layout along with Colors & Background options. To adjust the size for the logo click on the responsive toggle button for Logo Width and adjust the width. Choose option Different Logo for mobile devices? and add a mobile device logo image here. You can set this under Layout > Header > Site Identity. Thus, there is a separate option for adding a different logo for mobile devices. Also, there might be differences between desktop and mobile headers that would require a different logo (color, type, size, etc.). At the same time, this large logo might hide the big part of the viewport on mobile. The desktop screens often require a larger logo than mobile screens. It allows choosing the alignment of logo and menu on devices below breakpoint. It allows adding a label to the toggle button and highlight it. ![]() The setting can be found under Layout > Header > Primary Menu > MOBILE HEADER. Style the toggle button with these settings. Settings can be found under Layout > Header > Primary Menu > MOBILE HEADER. Toggle Button Style, Toggle Button Color, and Border Radius ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |