[justinillig]

My Website Menu looks different on my desktop compared to on my mobile device. I am on my desktop it is clear and visible and then on the mobile device it changes the background and text colors for the menu bar. Not sure how to fix this.

Megan.justinillig.com

[Sakin]

@justinillig: As per your menu, the following setting will work best. Just add the following css in “Appearance => Theme Options => Custom CSS” box:

.sb-holder {
    background-color: #e2c8ca;
    font-family: Bitter,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.sb-selector:link, 
.sb-selector:visited, 
.sb-selector:hover {
    color: #fff;
    text-shadow: none;
}
.sb-options {
    background-color: #fff;
}
.sb-options a,
.sb-options a:link, 
.sb-options a:visited {
    color: #6b6b6b;
    font-weight: bold;
}
.sb-options a:hover,
.sb-options a:focus,
.sb-options a.sb-focus {
    background-color: #e2c8ca;
    color: #fff
}

[Author]

Posts