Site logo

Archived topic

search bar

38 replies · Started by Escobar on September 21, 2020

Viewing posts 31–39 of 39

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

This archived topic is closed to new replies.