How to make hentry container wider

Shapely
1

I’m not using archives, recent posts, or such and I want my hentry content container to be around 200px wider, how can I do that without breaking responsiveness?

2

Hello there,

I hope you are doing well today.

I am not sure what you are referring to regarding the “hentry content container”,could you please clarify?

Best Regards,
Support

3

Hey, Sorry for my lack of explanation. I’ll add a picture, maybe that will clarify things, basicly it’s the container where your menu pages content goes.

4

Hi,

Go to Appearance -> Customize -> Additional CSS and add this CSS Snippet in it,

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1200px) {
.single-post #primary {
    width: 80%;
}
.single-post #secondary {
    width: 20%;
}    
}

Let us know,

Thanks,
laranz.

5

Hey, thanks for replying. I’m sorry to say but that doesn’t work for me.

6

I was asking a wrong thing it seems. I managed to get my wished result by doing this:

@media screen (min-width: 992px) {
.col-md-8 { 
           width:79%;
      }
}

Thanks

7

Hi @wopa,

Glad it works, but Don’t alter the grid widths, it is not recommended. You can try something like this,

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1200px) {
.single #primary {
    width: 80% !important;
}
.single #secondary {
    width: 20% !important;
}    
}

Try with and without !important.

Let us know,

Thanks,
laranz.