[Eric]

Hi,

How can I diminish the width of the left sidebar and widen the primary area on the right. Also how can I close the white space between the left sidebar and the text area on the right.

I tried css code #primary and #secondary, but not good enough I guess. Or I am looking at the wrong place.

[Sakin]

@Eric: It is not recommended to change your size width as it’s responsive design. So, when you change for your screen, you need to change it for mobile devices. If you are changing the width then you need to disable responsive design “Appearance => Theme Options => Responsive Design”

[sandytang59]

hello,
first of all! love this theme! best i have found so far!

so i really need to make the secondary sidebar wider…
By placing my modifying css code into theme options.
I have successfully change the width.
However, i notice i have break all the responsive designs…
Please give advice on this.

site: http://fairytaleexperience.com/

Thanks a lot!

[sandytang59]

basically i need to have all three columns equally sized…
In order to have the responsive function works as normal, do i have to modify all the styles in responsive.css?
is it even possible to do that? =(

Thanks

[Sakin]

@sandytang59: Just try the following css. IF this doesn’t work then sorry you might have to hire customizer to work on this. As we don’t have this layout in design.

@media screen and (min-width: 783px) {
.three-columns  #third-sidebar { width: 33%;}
.three-columns #third-sidebar .widget { width: 100%; }
.three-columns .content-sidebar-wrap { width: 66%; }
.three-columns #primary,  .three-columns #secondary { width: 49.4%; }
}

[Author]

Posts