Docs

[allcal]

I have a simple question I can’t seem to figure out. The top bar has a white background, but on a mobile device there is a grey background around the top bar info that I can’t figure our how to turn white. How do I make that grey background around the top bar content disappear?

https://www.ecsregisteredagent.com/

[Rue Nel]

Hello There,

Thanks for writing in! There was an invalid html code in your topbar content. Please update it and make use of this code instead:

<span style="background-color:#fff"> <img src="http://www.ecsregisteredagent.com/wp-content/uploads/2016/06/phone.png" style="width:17px; margin-top:-5px; margin-left:15px"> 949.236.4552 ext 701  

<img class="topmobiledisplay" src="http://www.ecsregisteredagent.com/wp-content/uploads/2016/06/chat-1.png" style="width:17px; margin-top:-5px; "> [email protected]
 -  <a href="http://www.ecsregisteredagent.com/portal/hub-page/">Member Log In</a>
<a class="topmobiledisplay" href="http://www.ecsregisteredagent.com/product/ecs-registered-agent/"><span style="margin-top:2px !important; float:right;" class="myButton topmobiledisplay"><span style="color:white; "> HIRE A REGISTERED AGENT</span></span></a>

</span>

Please take note that you cannot use a <div> tag inside a <p> tag. That would be invalid. And also to make sure that the background color is white, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-topbar .p-info {
    background: #fff !important;
}

Please let us know if this works out for you.

[Author]

Posts