I see you can swap the contents in the theme options/sidebar but what I am looking for is to have the wider one on the right and the narrower on left.
Hi,
I actually needed something similar and changed it like this in my child theme css. Note that I only needed to increase the size of the side bar on right:
/* ------------------------------------------------------------------------- *
* Section: Side Bar
/* ------------------------------------------------------------------------- */
/* 3 column, content middle */
.col-3cm .main-inner { padding-right: 340px; }
.col-3cm .s2 { margin-right: -340px; }
/* sidebar secondary */
.s2 { width: 340px; }
Also, you have to change the size of two background images to be the same as what you need
\hueman\img\sidebar\s-right-s1.png
\hueman\img\sidebar\s-right-s2.png
Switching the position is already discussed here but needs more changes and is not very easy.
Mohammad
Thanks so much Mohammad, I actually used the code from the other post you directed me to, but worked a treat. Thanks again
Glad to hear. Can you mark the post as resolved then?
No its’ not working after adding below CSS code..
/* 3 column, content middle */
.col-3cm .main { background: url(img/sidebar/s-right-s2.png) repeat-y left 0; }
.col-3cm .main-inner { background: url(img/sidebar/s-left.png) repeat-y right 0; padding-right: 340px; padding-left: 260px; }
.col-3cm .s1 { float: right; margin-right: -340px; }
.col-3cm .s2 { float: left; margin-left: -260px; /* ingenuity! */ position: relative; left: -100%; }
.col-3cm .content { float: left; }
The middile layout messed up in small resolution devices and desktops.
tecmint is right, the code works fine for desktops but as soon as you use an iPad or smaller the layout is totally screwed up.
Such a shame this one option wasn’t included (to switch sidebars), kinda ruins a great theme. I’ve never seen a website where the big sidebar is on the left and small on the right.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You didn’t know that the code hadn’t resolved stug2013’s problem at the time it was discussed. If you want to discuss your own problem you can create a new thread: https://wordpress.org/support/theme/hueman#postform