Sidebar size different on my home page

[Jesamine]

Hello, I have just noticed that my sidebar bar size is not the same on my homepage and blog pages. Can you tell me how to change it to the same size as the blog pages? I want the homepage to be symmetrical.

many thanks!

[prakash_s]

Hello Jesamine,

Thanks for writing to us.

I checked your site it seems that on both the page sidebar size is the same. It might be the browser cache at your end. I would suggest you clear your browser cache and then check it again. If you find differences in sidebar size please let us know. Please find the screenshot in the secure note.

Thanks

[Jesamine]

Hi again. Thanks for your response, but that did not help. It’s the same in Edge. I don’t understand why it’s doing this only on the homepage.

Here’s what the code says:

In Chrome dev tools, this is on the homepage, but not the blog. There’s some CSS rule that is doing it only on that page.

.x-header-landmark+.x-container>.offset>.x-sidebar {
margin-top: -35px
}

Can you tell me where to go so that I can remove it?

[prakash_s]

Hello Jesamine,

It can not be removed since it is rendering for the theme stack style but you can override it by using this custom CSS code under X/Pro —>Theme Option —>CSS

@media(min-width:979px){
.x-header-landmark+.x-container>.offset>.x-sidebar {
  margin-top: 0px;
}

}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[Jesamine]

I did not ask you to write custom code for me. I asked you for a fix to a problem (which arose after the theme update), something which I have received many times over the several years I have worked with this support forum.

What you gave me has worked. Thanks.

[ruenel]

You’re welcome.