Docs

[anitaswebdesign]

Hi,

The desktop version is working perfectly but I’m having an issue with the mobile.

The mobile menu is working the way it should, until you click on a drop down menu, then all the menu items appear in line with each other.

How can all the menu items be place so they’re on their own lines?

The URL is ccc.anitaswebdesign.com and I have a screenshot attached.

Thanks!

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

@media only screen and (max-width: 800px) {
    ul.sub-menu li a {
  float: none !important;
}

.x-navbar .mobile .x-nav li>a {
    color: #b7b7b7 !important;
}
}

Thanks.

[anitaswebdesign]

That worked!

Thank you so much 🙂

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts