Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 30, 2015 at 11:56 am #495444
    BelIblis

    Hi,

    Is it possible to make the sidebar mobile friendly and turn it into a submenu, once the page width goes below 768px?
    Like for example on this page: http://bit.ly/1UlD5Zd

    Thank you!

    August 31, 2015 at 2:20 pm #495798
    Andy

    Hey BelIblis!

    I can’t see any submenu and not sure if it will be possible. What do you mean exactly? maybe you can use screenshots to make things clear? use imgur or dropbox.

    Cheers!
    Andy

    August 31, 2015 at 2:40 pm #495833
    BelIblis

    On the link I posted:
    If you make the window very narrow, the sidebar will appear just above the “Sort By”. (The word “Filter” on blue background). This then allows filtering by category / price / etc…

    With Enfold, the sidebar gets taken away completely below a certain screensize. (Or am I missing something?)

    September 1, 2015 at 6:03 am #496221
    Rikard

    Hi,

    You could add a color section with a widget area inside of it and add the widgets you would like to display for mobile there, and then hide the section for screens above phone size. Add an ID to the color section, for instance widgets-for-mobile, then add the following to Quick CSS:

    @media only screen and (min-width: 768px) {
#widgets-for-mobile {
display:none !important;
}
}

    Best regards,
    Rikard

    September 1, 2015 at 11:59 am #496368
    BelIblis

    Great idea! Thanks Rikard!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Sidebar Widget placement below 768px width’ is closed to new replies.