Mobile Collapsible Nav Styling

Support
#1

Simple question… simple problem… I’ve spent too long trying to figure out how to make CSS adjustments to the collapsible menu. If you look at the image, I’d like to change the color of the lines and the color of the menu list items and tighten up the padding between the menu list items. Can’t seem to target the correct class. Please help. Also… wondering if there is a way to get rid of the top line. Thanxxx!

#2

Hi There,

Please add this custom CSS under X > Theme Options > CSS:

/* change color of line & menu items & reduce padding */
.x-navbar .mobile .x-nav li>a {
    color: #000;
    border-color: #000;
    padding: 0.5em 0;
}
/* remove top line */
.x-navbar .mobile .x-nav li:first-child>a {
    border-top: none;
}

Let us know how it goes!

1 Like
#3

The perfect solution! Thanks so much!!!

#4

Glad we could help :slight_smile:

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.