Container Problem With Sidebar

[Shubham]

Hey.
I want to ask that how can I get this size of container and sidebar
on my website.
https://www.masterincoding.com/what-is-string-in-java/

I am trying to adjust container but it is not matching with the width of this website.

Also, I am using content-aware sidebar plugin

[David]

Hi there,

that site uses fixed widths for the sidebars and content which leads to sidewards scrolling on smaller screens.
What exactly you trying to achieve ? Is it a fixed sized sidebar for the Adverts ? Lets us know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shubham]

Hi David,
I am talking about the Desktop version and I want to achieve the main container width and position.
I am trying to increase container size from customization but it’s not going more than 1200

[David]

Can you disable your cache so i can take a look at whats causing that.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shubham]

Yes, I did that.
Please have a look now.

[David]

So you have a Layout Element enabled:

https://docs.generatepress.com/article/layout-element-overview/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shubham]

Oh ok.
You’re awesome David.

Yes, now it’s working fine.
But what if I want to left-align my sidebar and main container?
I want to remove space from the left side of the left sidebar.

[David]

So the left sidebar sits on lefthand edge of the browser viewport ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shubham]

Yes, I want left sidebar on the left hand of the browser along with the main container.

[David]

If you delete the Layout Element, then in Customizer > Layout > Container set the Container Width to 1300px it will match the other sites dimensions.

Then the only other thing is to enable the righthand sidebar to match.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shubham]

I already deleted that and now it is matching other sites dimension.
What I am asking that I want to lift align all my container to left-hand as of now it is aligned to the center.
Like I want less space on the left side of the left-sidebar and more space on the right side of the right sidebar.
Please refer to the image.
Now: https://ibb.co/GRyqDBm
What I want: https://ibb.co/B2L8HkB

[David]

So this code will align the entire single post including the nav to the left:

@media (min-width: 769px) {
    .single-post .grid-container {
        margin-left: 40px !important;
    }
}

If you want to just shift the content and sidebar then use this CSS instead:

@media (min-width: 769px) {
    .single-post #page.grid-container {
        margin-left: 40px !important;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shubham]

That is working.

Thanks a lot, man.
Really appreciated.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts