Content Container Fixed

Hi there,

Don’t think I understand.

Can you explain a bit more or provide an example?

Let me know ??

Blog Normal Width

Other Users Browsers

• This reply was modified 5 years, 4 months ago by tunespreiss.

Sorry not sure if I understand what the screenshots are supposed to demonstrate.

Are you referring to this option?
https://docs.generatepress.com/article/container-width/

i want it to be a fixed wisth, so the text doesnt move around for each user

The container is indeed fixed width when the browser size is larger than the container width setting in the customizer.

When the browser width is smaller than the container width, the container width becomes smaller to fit within the browser so all the content would show instead of being cut off.

Does that make sense?

If not any chance you can an example of what you are trying to achieve to show?

i used this to correct the sidebar it did the same thing. it moved all over the place like the whole site does. who wants their text and website to move around when you adjust the size of the browser. why would any website owner have a finished website with widths and texts and sizes only to have it show up differently and possibly unreadable for their visitors with different size monitors and browser windows

@media (min-width: 769px) {
.sidebar.grid-25 {
    width: 300px;
}

.content-area.grid-75 {
        width: calc(100% - 300px);
}}

What about this?
https://docs.generatepress.com/article/sidebar-widths/#fixed-width

The text is supposed to move when the browser gets smaller, I don’t see how it can be responsive otherwise?

It definitely shouldn’t be unreadable though.

Can you specify which part is unreadable? I don’t think I’m seeing any issues in your screenshots here:
https://www.imagebam.com/image/b19dc31326212283

id like it to sit still, its my website, could you help please

I’m trying to help but just can’t picture how it would work.

Are you able to provide an example of the desired outcome that some other sites were able to achieve?

Thanks ??

ill wait for tom im sure he can figure out what a fixed width is

Hi there,

Your content container needs to change width if your site is going to be responsive. If it was a fixed width, it would create horizontal scrollbars for users with smaller screens (including iPads etc..).

The sidebar is fixed, but the content needs to get smaller as the screen gets smaller.

Let me know if that makes sense or not. If you don’t mind about the horizontal scrollbars, we can give it a fixed width.

id like it fixed

Hi there,

this CSS will force the Content area and the sidebar to remain a fixed size:

@media (min-width: 769px) {
    .content-area.grid-75 {
        width: 1000px;
    }
    .sidebar.grid-25 {
        width: 300px;
    }
}

As Leo and Tom have said you will have issues with responsiveness.
As soon as the browser viewport is below 1300px the sidebar will stack below. And once you go below 1000px – the content text will flow outside of the container and the browser.

Aside of a bad UX – you’re site may also be penalised by Search Engines for being unresponsive and errors such as Content outside of container could be reported.

• This reply was modified 5 years, 4 months ago by David.
• This reply was modified 5 years, 4 months ago by David.