Docs

[Prismos]

I’ve made a site using this layout before but for some reason when I fix the header to the left, it overlaps the content. I don’t know if I need to change something in settings or if theres some css code I need. I’ve never needed one before but maybe it has something to do with the last update.

I’ve included pictures displaying both top and left headers. How can I make it so the content is framed within the right side of the header when fixed left?

Thanks!

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide 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.

[Prismos]

the url is http://circleandsquarearts.com/

[Rupok]

Hi there,

It seems you are using an older version of X with latest Cornerstone. Can you confirm that you are fully updated? (Theme and Plugins)

You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

[Prismos]

I didn’t notice X needed to be updated. I just updated it, so both X and Cornerstone are using the latest versions now.

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-main{
    margin-left: 250px !important;
}

Let us know how this goes!

[Prismos]

Yes it works great thank you! Is it also possible to increase the width of the header as well?

[Nico]

Hi There,

Happy to hear that it worked. You could try code the below to adjust the header width.

.masthead .x-container.max{
    max-width: 1200px;
}

.masthead .x-container.width{
    width: 88%;
}

Hope it helps.

Let us know how it goes.

Thanks.

[Author]

Posts