Support » Theme: Hueman » switching sidebar sides

  • Resolved stug2013

    (@stug2013)


    Hi, I’m using the latest version of hueman downloaded from the site.
    I think I saw somewhere that I could choose to float the primary sidebar on the right instead of the left. Was I dreaming?
    Otherwise how could I just switch the position of the two sidebars.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter stug2013

    (@stug2013)

    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

    Thread Starter stug2013

    (@stug2013)

    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?

    Thread Starter stug2013

    (@stug2013)

    resolved thanks

    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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘switching sidebar sides’ is closed to new replies.