Site logo

Archived topic

Push expanded mobile menu down

5 replies · Started by George on October 17, 2022

Viewing posts 1–6 of 6

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.

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;
}

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.

Did you try that CSS i provided ?

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

Thanks!

Glad to hear that!!

This archived topic is closed to new replies.