Docs

[nataliapinzon]

Hello,

I’ve searched across the forums and have not been able to find an answer. How do I create a banner across the area where my logo would be? I want the banner to take up the full width of the area with no white spaces. Please see attachment

Thank you
Natalia

[nataliapinzon]

see attachment

[John Ezra]

Hi Natalia,

Thanks for writing in! To assist you with this issue, would you mind providing us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. Thanks!

[nataliapinzon]

This reply has been marked as private.

[Friech]

Hi Natalia,

Thanks for the credentials, you can add this under Custom > CSS in the Customizer.

.x-logobar .x-container {
	max-width: none;
    width: 100%;
}
.x-logobar .x-logobar-inner {
	padding-top: 0;
	padding-bottom: 0;
}

Hope it helps, Cheers!

[nataliapinzon]

Close… but still some errors..

1. when at full width it doesnt cover the entire logo area
2.its not responsive

[Friech]

Hi There,

This is how it looks on my end, on Chrome and Firefox.

Please clear your browser’s cache.

Add this custom css to make the banner responsive on Firefox

.x-brand img {
	width: 100%;
}

Hope it helps, Cheers!

[nataliapinzon]

Perfect, thank you

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts