Support » Theme: Hueman » Issues with sidebar on mobile version

  • Resolved dakar2dhaka

    (@dakar2dhaka)


    Good morning,

    On my blog http://www.dakar2dhaka.com I have activated the responsive function and following recommendations on this forum I customised the CSS to have the toggle appear for small screens (min 200px).
    However on mobile the sidebar still remains below the content even though when we click on the >> button it expands on the right side of the screen (top) as I’d like to have it.

    My question is: how to have the sidebar and toggle hidden on the right side of the screen like the iphone in this picture instead of below the content.

    Many thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi dakar2dhaka. If you start with the default responsive.css, you should be able to achieve what you’re after by changing the set points on two media queries.

    In this query change (min-width: 480px) to (min-width: 200px):

    /* ------------------------------------------------------------------------- *
     *  Toggle Sidebar s1 : 960px > 480px
    /* ------------------------------------------------------------------------- */
    @media only screen and (min-width: 480px) and (max-width: 960px) {

    In this one change (max-width: 479px) to (max-width: 199px):

    /* ------------------------------------------------------------------------- *
     *  Mobile (Low Res) : 479px > 0 (320px)
    /* ------------------------------------------------------------------------- */
    @media only screen and (max-width: 479px) {

    Thread Starter dakar2dhaka

    (@dakar2dhaka)

    Many thanks bdbrown, it worked perfectly and I understand where my mistake was.

    Thread Starter dakar2dhaka

    (@dakar2dhaka)

    Dear bdbrown,

    With Hueman new version, the responsive.css has disappearead : where can I make theses changes again?

    Also, how to make the topbar always visible?
    I have a css in ‘Custom CSS’ but it doesnt function anymore.

    thanks

    Since this topic is marked as Resolved can you please start a new one? Actually, since you have two different questions they should each go in their own topic. You can reference this topic in your new topics if needed. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Issues with sidebar on mobile version’ is closed to new replies.