Hi,

Thank you for your speedy reply! Here is my site: https://www.brookesbates.com/1new

Kind regards :-)

You are welcome:)

Thanks for the link. The logo right is alredy not visible in mobile view. Here is a screenshot:

https://prnt.sc/24zbvkb

Best Regards

Hi, Oh! My apologies I wasn't very clear in my request!! I can see that the contents of logo-right are not visible on Mobile but it still takes up space on the right and squashes the logo, instead of the logo filling the whole space at the top. If I play with the file headers/style-1/header.php I can change the column width for logo and logo-right but then my phone number on the right becomes squashed and on 2 lines. So actually what I wanted to achieve is the logo full width on Mobiles. Is this possible please?

Kind regards :-)

No problem:)

Please use the following code in your custom CSS:

#sp-logo {
    width: auto;
}

Hope this will solve the issue for you!

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Hi,

Thank you. This works well for Mobile Phones but not so well for Tablets as it pushes the logo-right contact details to underneath the logo.

Kind regards :-)

Hi,

Sorry about that. It is looking good here at responsive mode in browser inspect though. However, you can use media query instead.

@media (max-width: 992px)
{
#sp-logo {
    width: auto;
}
}

Please use your desired width value above.

Best Regards

Great! Again, thank you very much for your help.

Kind regards :-)

You are always welcome:)