[MandyJean]

Hi,

My website looks like it’s supposed to when I view it on full-size monitor or an ipad, but the menu colors and text get messed up when viewed on a mobile phone.

My website is albrechtconstructionlaw.com. The menu and submenus are supposed to be white background with black text, and has been set up that way in Theme Options>>Color Options. My laptop and ipad format the site correctly. However, on my mobile phone the menu text is white (so white-on-white) and the submenus are grey backgrounds with white text.

What could be causing this, and how can it be fixed? Thanks!

[Sakin]

@MandyJean: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.sb-selector:link, .sb-selector:visited, .sb-selector:hover {
    color: #404040;
    text-shadow: none;
}
.sb-options a:link, .sb-options a:visited {
    color: #404040;
}
.sb-options {
    background-color: #fff;
}
.sb-options a {
    border-bottom: none;
}
.sb-options a:hover,
.sb-options a:focus,
.sb-options a.sb-focus {
    background-color: #fff;
}

[MandyJean]

Thank you, that did the trick!

[Author]

Posts