Archived topic

Remove Custom Separator Space from Mobile Nav

3 replies · Started by Gerson on March 21, 2019

Viewing posts 1–4 of 4

March 21, 2019 at 5:42 pm #846154

Hi, I've used the instructions here: https://docs.generatepress.com/article/centering-logo-navigation/ to center the logo in the Nav bar which works great, however on the mobile view the separator space is showing when menu is toggled? How can I remove this?

March 21, 2019 at 6:28 pm #846173

Hi there,

Can you replace this block of existing CSS:

.slideout-navigation .menu-item-separator,
.main-navigation.toggled .menu-item-separator{
	display: none !important;
}

With this?

.slideout-navigation li.menu-item-separator,
.main-navigation.toggled .main-nav li.menu-item-separator {
    display: none !important;
}

Let me know :)

March 25, 2019 at 12:50 pm #849569

That's got it. Thanks!

March 25, 2019 at 12:53 pm #849571

No problem :)

This archived topic is closed to new replies.