Archived topic
search bar
38 replies · Started by Escobar on September 21, 2020
OK so lets center the secondary nav with this CSS:
#secondary-navigation .inside-navigation {
justify-content: center;
}
Can you disable autoptimize so i can see how to fix the mobile layout.
You are fantastic!!!, centered.
Autoptimize off. Done
First thing lets fix the sticky nav logo position and display the Menu Toggle:
#sticky-navigation .navigation-branding {
order: -1 !important;
}
#sticky-navigation .menu-toggle {
display: block;
order: 10;
}
Now enable the Mobile Header in Customizer > Layout > Header.
Now create a duplicate of the Hook Element you used to add the Woo Search shortcode. But this time select the inside_mobile_header hook
All done.
Thanks.
But login-register item is still missing in mobile version.
Ok so to add the Account icon.
Create a new hook - and add this content.
<span class="menu-item">
<a title="Registro | Login" target="_blank" rel="noopener noreferrer" href="https://www.mivestuariolaboral.com/my-account">
<i class="_mi _before dashicons dashicons-admin-users" aria-hidden="true"></i>
</a>
</span>
Select the mobile_menu_bar hook
Once thats done we can look at the layout.
All done.
Unfortunately it still does not appear, I do not know if I have done something wrong
Hmm. can you change the hook to inside_mobile_header
You are fantastic!!!.
Pefect!!!
Thanks and thanks again.
Awesome - glad to be of help