Ready to get started?Download WordPress


Move primary sidebar to top in responsive (mobile) layout (4 posts)

  1. MicCheckOne
    Posted 8 months ago #

    Hello all,

    The website I'm building from the Hueman theme uses the primary sidebar (.s1), on the left, to display the site image (i.e. logo/brand), navigation menu, and search field. I'm happy with the way it displays on a desktop/laptop web browser, but when the responsive layout kicks in to accommodate smaller browsers or mobile devices, the sidebar gets pushed below the main content, so visitors would not be greeted by the site image and navigation menu first.

    How can I alter the CSS or PHP files so that the sidebar is the topmost element (i.e. appears first) on small screens?

    Thank you in advance!

  2. Mike Orange
    Posted 8 months ago #

    IMHO, don't think it's possible in Hueman.
    It is normal behavior of theme - on lower res. you have > sign to expand sidebar.
    Don't know how you succeeded on your site that it appears at the bottom, and you also lost " 3 horizontal bars" menu that should be the for lower resolutions. If you look at about page of my
    website - with also 1 sidebar and a lot of CSS modifications - everything is in place.
    Your left sidebar menu looks nice - but obviously you "overhacked" theme.
    Goog luck!

  3. MicCheckOne
    Posted 8 months ago #

    You bet I did! My stylesheet is probably a mess, compared to some. Thanks for your thoughts, Mike Orange.

    BTW, Hueman's Theme Options panel allows the designer to choose "Always show sidebars," even on low res devices, so that is how I lost the navigation & sidebar toggles. Obviously, I chose that setting because my graphics-laden sidebar is my navigation menu, so I wanted it to display at all times.

    I think I will try using the WPTouch Mobile Plugin to make a separate mobile version of the site, instead of tweaking the Hueman theme any further and relying on its responsive layout for mobile visitors.

    Thanks again.

  4. Mike Orange
    Posted 8 months ago #

    Your welcome.
    Yes, sometimes tweaking of theme goes too far - happened to me couple of times (luckily - not with Hueman).
    I think you can mark this [resolved] (basically:closed), doubt somebody can help you (maybe Alex).
    Happy hacking!


You must log in to post.

About this Theme

About this Topic