Add close Button for shop filters sidebar

Hello,

1 – How i can add a button to close the sidebar ? Like on you demo https://woodmart.xtemos.com/shop/?opt=hidden_sidebar

2 – Can i display the sidebar on the right side ?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

1. The close button is set to be displayed by default on the Sidebar Filters.

2. Please Go to Theme Settings >> Product Archive >> Sidebar and try setting the layout.

Screenshot for Clarification: https://gyazo.com/f9afe97e515b0da4629df717bb861853

Best Regards

Hello,

1 – Sorry, but the close button doesn’t work on my website (see link in private content)

2 – Sorry, the setting is on right side, but it doesn’t work

How i can solve those problems ?

Thanks

Attachments:

You must be logged in to view attached files.

[Aizaz Imtiaz Awan]

Hello,

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-side-hidden .wd-action-btn.wd-style-text {
font-size: 15px;
color: black;
display: block;
}

2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-side-hidden.wd-left {
right: 0;
left: auto;
transform: translate3d(100%, 0, 0);
}

Best Regards

• This reply was modified 2 years, 9 months ago by Aizaz Imtiaz Awan.

Hello,

1 – It’s work, thank you !

2 – Sorry, but the second code doesn’t work. Do you have an other solution to display button “Filter” and filters sidebar on right side ?

Thanks

Hello,

You are Most Welcome.

2. Please replace the previous Custom CSS with the following then check back.

body .wd-side-hidden.wd-left {
	right: 0;
	left: auto;
	-webkit-transform: translate3d(100%,0,0);
   transform: translate3d(100%,0,0);
}

body .wd-side-hidden.wd-left {
	right: 0;
	left: auto;
	-webkit-transform: translate3d(100%,0,0);
   transform: translate3d(100%,0,0);
}

body .wd-side-hidden.wd-opened {
	-webkit-transform: none;
   transform: none;
}

Best Regards

Hello,

2 – Ok nice, it’s work ! Can I Display the button “Filters” on the right side too ? Like the photo please in attached file.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS for that.

.wd-show-sidebar-btn.wd-action-btn.wd-style-text a {
    position: absolute;
    right: 0;
    left: auto;
}

Best Regards

Hello,

Perfect, thank you !

Best support ever !!!

Hello,

We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day.
So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts