Site Width

vercetta
(@vercetta)

8 years, 10 months ago

Hey! Im hoping someone can help me. I added the a second sidebar and then removed it, went and changed some other settings and saved. Now i think because i activated the second side bar (even though i turned it off before i saved) it shrunk the width of the main body column. Now i cant get the site back to how it was!

I have the width set at 1380 which is correct and what it has always been set as, but the site is displayed as narrower than that now and i cant figure out how to sort it!

Viewing 3 replies - 1 through 3 (of 3 total)

Denzel Chia
(@denzel_chia)

8 years, 10 months ago

Hi,

The option is found in Appearance -> Customizing -> Web Page Design General Design Options
Find the option -> Website Max-width

Please note the description.

Max-width of the container. If you use 2 sidebars, your container should be at least 1200px.
Note: For 720px content (default) use 1380px for 2 sidebars and 1120px for 1 sidebar. If you use a combination of both, try something inbetween.

Another note, the max-width will not go beyond the “container” of the website, or it will break responsiveness.

Clear your cache plugin’s cache content and browser history after you had made the changes.

Thank you
hordover
(@hordover)

8 years, 9 months ago
I’m having the same problem (and I’ve read the same “Max-width” notice on the customizer).
It’s set at 1380. I can set that in the customizer.
What I *can’t* do is find a way to force the content to actually STAY at 720px. My sidebars appear correct (320/280) but the center content area is clearly shrunken on the homepage (and the space between outside edge of the sidebars and the outside edge of the container is wider than it used to be). https://craftlit.com

For me, all of this went south after I paid to upgrade to Hueman Pro (paid support hasn’t been helpful, yet, either, so I’m really hoping someone has an answer here).
- This reply was modified 8 years, 9 months ago by hordover. Reason: adding site link
hordover
(@hordover)

8 years, 9 months ago
AH!
I kept changing things and stumbled on this:
```
.container {
    min-width: 1280px;
		
}

.container-inner {
    min-width: 1180px;
		
}

.main-inner.group {
    min-width: 520px;
}
```
I’m sure it’s technically wrong, but the page looks right now.