Archived topic

Primary Menu Toggle

5 replies · Started by keiron on February 16, 2019

Viewing posts 1–6 of 6

February 16, 2019 at 5:10 am #811875

I love the Idea of the mobile slideout menu but for some reason the ☰ toggle remains there when i set my primary menu. Even when the slidout menu is not checked for use on the customizer.

Also in desktop view, the search icon floats furtherest right with the woocommerce cart symbol to the left but on mobile the cart symbol floats furthest right with the search symbol coming to the left.

Keiron.

February 16, 2019 at 7:16 am #812075

Hi there,

the first issue sounds like your browser cache needs clearing, as i can't see the toggle being displayed on desktop.

To re-order the mobile nav you can add this CSS:

@media (max-width: 768px) {
    .inside-navigation {
        display: flex;
    }
    .main-navigation .menu-toggle {
        order: -1;
        margin-right: auto;
    }
}

February 17, 2019 at 1:05 am #812508

Thank you - this worked great. Also, would there be a way to remove the search icon from the primary navigation using the customizer or must this be done with CSS?

And is there a way to have the logo in the header move into the centre of the navigation bar for mobile?

Keiron.

February 17, 2019 at 5:29 am #812636

So do you want the search icon only on mobile?

February 17, 2019 at 7:23 am #812814

Ive sorted the search icon issue but now im keen to have the logo in the primary navigation bar. How would i go about doing this?

February 17, 2019 at 9:27 am #812912

If you activate the Mobile Header in Customizer > Layout > Header, it provides a separate logo option for that

This archived topic is closed to new replies.

Start building better websites today.