[Resolved] Remove Custom Separator Space from Mobile Nav

[Gerson]

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?

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Gerson]

That’s got it. Thanks!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts