Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 22, 2015 at 8:07 am #432613
    fesarlis

    Hello,
    I have created an e-shop and have the following problem:

    In shop overview, I have a right sidebar which contains product filtering widgets. I need this sidebar to appear on mobile view (below product single column). I have noticed (by resizing the window) that this is default behaviour in intermediate (ie. tablet) resolutions. How can I achieve the same resulton smartphones?

    IMPORTANT: At the same time, I need this sidebar to appear ONLY on shop overview. That is, when a single product is being viewed I want no sidebars present.

    Thank you

    April 22, 2015 at 9:10 pm #433123
    Elliott

    Hey Aristidis!

    Navigate to Dashboard > Enfold > Sidebar Settings and make sure the “Sidebar on Smartphones” option is checked. Next add this to your custom CSS.

    @media screen and (max-width:400px) { 
.single-product aside { display: none !important; }
}

    Cheers!
    Elliott

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.