Docs

[ldollard]

MY sites header is full width in the logged out site, but in the logged in site its not.

[ldollard]

This reply has been marked as private.

[Lely]

Hello There,

Thank you for the credentials.
It is because of CSS specificity. A custom CSS added specifically to homepage make the logo not fullwidth.
On Appearance > Customize > Custom > Edit Global CSS you have the following CSS:

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

That CSS will make your logo fullwidth for the entire site. That is why when logout it will make it fullwidth.
But then on your Homepage > Cornerstone > Settings Tab > Custom CSS you have the following CSS too:

@media (min-width:971px){

.x-container.max{
  padding-left:150px !important;
  padding-right:150px !important;
}

}

That custom CSS adds 150px padding on left and right part of the logo bar container.
Please note that in terms of specificity, Cornerstone page custom CSS is higher compare to Customizer CSS. Since when logout, we’re seeing the login page, it will show as fullwidth. That CSS that adds paddingmon left and right is on the homepage Cornerstone only, it will only affect that page. Other pages even logout or not will show fullwidth logo. Please remove that and try again.

Hope this helps.

[ldollard]

What CSS file do you see this in?

Thanks

[Rupok]

Hi there,

As said, it’s within Custom CSS section not on any file. Check your Customzier > Custom > CSS and Cornerstone > Settings Tab > Custom CSS.

Cheers!

[Author]

Posts