Topbar mobile view

[tonylees]

Hi,
When viewing my site on mobile device the text in the top bar is overlaying.
The site can be found at broughtonhallbusinesspark.co.uk

Thanks
Tony

[jade]

Hi Tony,

Please add this code in X > Theme Options > CSS:

@media (max-width: 490px) {
    .x-topbar {
        padding: 10px 0;
    }
    
    .x-topbar .p-info {
        margin-left: 0;
        padding: 0;
        line-height: 1.5em;
    }

    .x-topbar .x-social-global {
        display: none;
    }
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps.

[tonylees]

Thats great
thank you

[ruenel]

You are most welcome!