Sidebar on Mobile button - by Sajid - on WordPress WooCommerce support

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

  • Avatar: Sajid
    Sajid
    Participant
    July 1, 2021 at 18:28

    Dear Team,

    I need sidebar like below image. If click on that sidebar will be open.

    sidebar-mobile

    Thanks in advanced

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 2, 2021 at 07:10

    Hello,

    You can activate Off-Canvas sidebar https://gyazo.com/33c77093d569e13ce2439aee723ca03e in Theme Options > WooCommerce > Shop > Shop page layout > Sidebar Position For Mobile

    Regards

    Avatar: Sajid
    Sajid
    Participant
    July 2, 2021 at 10:25

    Dear Rose,

    Thank you for your reply. It’s already showing but we need like above image scree shot. Or Can we write text instead of filer icon?

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 2, 2021 at 10:30

    Hello,

    Add the next code in Theme Options > Theme custom CSS:

    .et-toggle-mob-sidebars-inner .et-toggle .et_b-icon {
        display: none;
    }
    .et-toggle-mob-sidebars-inner .et-toggle:after {
        content: "Show Sidebar";
        font-size: 11px;
        padding: 5px 10px;
    }

    Regards

    Avatar: Sajid
    Sajid
    Participant
    July 2, 2021 at 12:17

    That’s great Rose. Than you.
    Can we fix this before product as per image ref. ? It would be better.

    Once again thank you.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 2, 2021 at 14:46

    Hello,

    Provide us with WP Dashboard access and we’ll help you.

    Regards

    Avatar: Sajid
    Sajid
    Participant
    July 2, 2021 at 14:51

    replied as a private. Thanx

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 2, 2021 at 15:41

    Hello,

    We added sidebar widgets to the Filters sidebar https://prnt.sc/181nuij and hid it for the desktop. Check now, please.

    Regards

    Avatar: Sajid
    Sajid
    Participant
    July 2, 2021 at 16:23

    Thank you so much. If I want to revert then how can I do it ?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 3, 2021 at 08:22

    Hello,

    Appearance > Widgets > delete widgets from Shop filter area, then delete custom CSS code that hides the Off-Canvas sidebar.

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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