Docs

[mevans1576]

Hello,

I would like to know if it is possible to make the top logo image full width without changing the layout of the site to full width. I am using Integrity 1 and have my logo image stacked above the menu bar.

I’ve identified this as the div that is controlling the width .x-container.max.width
The following will make the top logo full width but also makes the entire site full width:
.x-container.max.width {
width: 100%;
}

Here is the css for the top logo bar:

<div class=”x-logobar”>
<div class=”x-logobar-inner”>
<div class=”x-container max width”>

<h1 class=”visually-hidden”>Recovery Coffees</h1>


</div>
</div>
</div>

How can I make the top logo full width without make the entire site full width?

Thanks,

Mike

[Rupok]

Hi Mike,

Thanks for writing in! It seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this.

Thanks

[mevans1576]

Thank you for the reply. I was able to figure out what I needed. Posting below for others.

.x-logobar-inner .x-container.max.width {
width: 100% !important;
}

Thanks,

Mike

[Nico]

Thank you so much for sharing. It would really help others. We really appreciate it.

Feel free to ask us again.

Have a great day! 🙂

[Author]

Posts