Docs

[senvas]

I would like to change the color of the phone number link in my top bar that appears on mobile view, so that it stands out better. Right now it blends with the background and is hard to see.

The same goes for the 3-bar menu icon on mobile view. How do I change the colors of these elements? Thanks!

Here is url:
http://www.staging.stlukeorthodox.com/

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.x-btn-navbar.collapsed,.x-btn-navbar.collapsed:hover {
    color: red;
}
@media (max-width:767px){p.p-info span {
    color: red !important;
}
}

Hope that helps.

[senvas]

No, that changed everything in the topbar BUT the phone number. The phone number in mobile becomes a link – I need to change THAT to red, not the rest of the text. Please advise, thanks!

[Thai]

Hi There,

Please add the following CSS instead:

a[href^="tel"]{
    color: red;
    text-decoration:none;
}

Hope it helps 🙂

[senvas]

Nevermind, I figured out how to do it thanks!

[Thai]

If you need anything else please let us know.

[Author]

Posts