Fix Text Being Pushed Down on Top Bar in Mobile

Support
#1

When on a mobile device, the top bar text is pushed down past the height of the bar. It appears there’s an empty p-info paragraph that is causing this to happen. How do I get rid of this? Thanks!

#2

Also the main navigation header appears to be off center now that the top bar has been added. There’s some added padding or margin at the top of the main header that wasn’t there before. It disappears as you scroll down the page and the top bar disappears. Where is this coming from and how can it be adjusted? Thank you!

#3

Hi There,

Regarding the first issue, please add the following code to Theme Options CSS

@media (max-width: 767px){

.x-topbar .p-info {

    display: none;
}}

To remove the extra space that appeared, please add the following code to Theme Options CSS

.x-topbar p {
 
    margin-bottom: 0px;
}

Hope it helps

#4

Yes - thank you so much!

#5

You’re most welcome!