Blog Max Width Issue

[ASTI]

Hey guys,

I’m having an issue setting the max-width on the biggest container on my blog archive page. Here is a picture of how the content left and sidebar right are collapsing instead of moving first.

Here is what I need it to look like, how it exists on the single post pages:

Here is a link to the page: www.asti.com/blog

Thanks in advance!

[mldarshana]

Hi There @ASTI

Thanks for writing in! Upon checking, I see that you’re having the following CSS rule which narrow down your container.

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

To target your blog page, try adding the following CSS into your X -> Theme Options -> CSS area.

.blog .x-container.width {
    max-width: 90% !important;
}
.blog .x-sidebar.right {
    padding-left: 35px;
}

Hope that helps.