Return to previous page

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

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

Sajid

Participant

July 1, 2021 at 18:28

Dear Team,

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

Thanks in advanced

#292752 Copied Theme version: 1.0

9 Answers

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

#292778 Copied

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

#292811 Copied
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
#292813 Copied
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.

#292836 Copied

Olga Barlow

Support staff

July 2, 2021 at 14:46

Hello,

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

Regards

#292867 Copied

Sajid

Participant

July 2, 2021 at 14:51

replied as a private. Thanx

Please contact administrator
for this information.

#292871 Copied

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

#292880 Copied

Sajid

Participant

July 2, 2021 at 16:23

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

#292887 Copied

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

#292919 Copied
Viewing 10 results - 1 through 10 (of 10 total)