Mobile and desktop filter sidebar - by gosztolai.adrienn

This topic has 10 replies, 3 voices, and was last updated 6 years, 4 months ago ago by Rose Tyler

  • Avatar: gosztolai.adrienn
    gosztolai.adrienn
    Participant
    July 20, 2018 at 04:03

    Hello!

    I have some issues with the shop page. I would like to have a filter button on mobile, and hide this button and have a fixed filter sidebar on desktop.
    I’ve managed to create a fixed sidebar for desktop and a filter button for mobile, what I’m confused about is how to get the filter button to disappear on desktop and keep it on mobile at the same time.

    Thanks in advance,
    Adrienn

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 20, 2018 at 07:40

    Hello,

    Please provide us with your site URL.

    Regards

    Avatar: gosztolai.adrienn
    gosztolai.adrienn
    Participant
    July 20, 2018 at 23:41

    Hi,

    http://www.bagsbystrings.com

    Thanks,

    Adrienn

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 21, 2018 at 10:44

    Hello,

    Add the following code in child-theme style.css

    @media only screen and (min-width: 768px){
    .filter-wrap #st-trigger-effects .btn.filled {
        display: none !important;
    }
    }

    Regards

    Avatar: gosztolai.adrienn
    gosztolai.adrienn
    Participant
    July 23, 2018 at 14:44

    Hi, I’ve added it but nothing changed. Any other idea?

    Thanks a lot,
    Adrienn

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 23, 2018 at 14:52

    Hello,

    Is child theme activated on your site?
    Please provide us with temporary wp-admin access so we can take a closer look.

    Regards

    Avatar: gosztolai.adrienn
    gosztolai.adrienn
    Participant
    July 23, 2018 at 14:56

    Hi,

    You’ll find everything here:

    http://www.bagsbystrings.com/wp-admin

    Thanks,
    Adrienn

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 23, 2018 at 15:00

    Hello,

    I do not see the required code in style.css of child theme https://prnt.sc/k9xoou
    Please add the code then clear cache and check Shop page.

    Regards

    Avatar: gosztolai.adrienn
    gosztolai.adrienn
    Participant
    July 23, 2018 at 15:17

    I’ve tried the css, but as I didn’t get things to work, I deleted it. You were right, I’ve forgotten about cache before checking, so now it’s working.

    Thanks a lot,

    Adrienn

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 23, 2018 at 15:18

    You’re welcome!
    Feel free to ask if you have any other questions.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Mobile and desktop filter sidebar’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.