Can't adjust side bar width in Ethos 1. Please advise

Support
#1

Have tried everything that I know to have the ethos 1 reduce the side bar width.

The area here at homesteadingdepot.com is too thick for my customer. What do I need to do to reduce the general sidebar width on the site? I have done everything I know how to do. The primary reason is to be able to make space for ecommerce in the homesteadingdepot.com/suggested-supplies-2-2/ area and throughout the rest of the site.

I want this to be a global adjustment of the sidebar width. I can manage everything else with .css but I can’t seem to get this to adjust.

The woocommerce template needs the extra space to be able to properly display 3 items per row. This works on hundreds of other sites that I have designed with many different templates (including x-theme integrity).

You will note that the front page has not been adjusted from the Ethos 1 stack because anything I do in cornerstone has this MASSIVE widget area on the right hand side and just looks like junk.

Either I can disable the side bar in the layout and install a plug in to do custom widgets but want to keep the color scheme without too much messing around with plugins when I believe in this theme’s ability to perform this task.

Please advise

Thank you in advance Boscoe

#2

Hi There,

Thank you for writing in, please navigate to Theme Options > Layout and Design and adjust the Content Width, adjusting the content width will adjust the sidebar width accordingly.

The slider option of content width will max-out at 74, but you can actually input a value more than that.


Hope it helps,
Cheers!

#3

Thank you for this but I am speaking about the far RIGHT (in red) color area inside of the theme. Adjusting the content width merely squishes the sidebar (in geen) and does not adjust the area in question.

Thank you in advance.

Boscoe

#4

Hey There,

You can not adjust that area because that is the excess width of the site width which is 88%. Both the left and right area is roughly 12% or the remaining width of the total browser width minus 1200 pixels. Site Max width is up to 1500 and Site Width is up to 90%.

And if you want to have a full site width, you can override the defaults by adding the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-container.max.width.main {
    width: 100%;
    max-width: 98%;
}

Feel free to change the percentage and see the results.

#5

Thanks Rue I will see what we can do. I guess another option is the kill the theme side bar and have that front page be full width and then use a custom sidebar plugin to drive the widget area. Again thanks for all of your guidance here and I will get with my client Monday and see how she feels about the options.

Thanks again for your help.

Boscoe

#6

You are most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.