[Resolved] Push expanded mobile menu down

[George]

I have tried all possible selectors to push the expanded mobile menu down 13px. Cleared caches, used !important, nothing works. Not sure what’s going on. It works when I modify the selector in the browser inspector!

For example:

nav.stuckElement.toggled .menu {
    top: 13px;
}

doesn’t work. I’ve also tried others.

[David]

Hi George,

that CSS would apply to the sticky nav – is that what you want?

If its for the non sticky nav then try this:

.main-navigation.toggled:not(.is_stuck) .main-nav>ul {
    top: 13px;
}

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

[George]

No, David, just the mobile menu container when you click the mobile icon and the mobile menu appears. I want to push that down a bit.

[David]

Did you try that CSS i provided ?

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

[George]

Ah no, I didn’t. Trying it now…It works!

Thanks!

[David]

Glad to hear that!!

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

[Author]

Posts