Return to previous page

Remove compare from mobile menu, change color and add title for filtre mobile

This topic has 6 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Tony Rodriguez

fshemporium

Participant

June 9, 2023 at 02:03

Hello, i would like to know, where i can totally remove Compare from Mobile menu and where i can change the filter icon style because he is not very conspicuous.

Some pictures if you don’t see what i mean.
https://ibb.co/ZYMfRYB
https://ibb.co/mR9WVPP

Best regards

#358983 Copied Theme version: 6.2.2 WooCommerce version: 7.7.2

5 Answers
Tony Rodriguez

Support staff

June 9, 2023 at 05:29
Hello, fshemporium,

Thank you so much for purchasing our theme and contacting our support center.

1. If you would like to remove the Compare option from the Mobile Menu, please navigate to XStore > Theme Options > Header Builder > Mobile Menu > Elements, deactivate Compare and then Publish.

For your reference, please see the attached image. https://postimg.cc/pyKh0J6J

2. If you want to change the color of the filter icon on mobile, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and check back to your site after clearing the browser cache:
```
@media only screen and (max-width: 767px){
.woocommerce-shop .et-toggle-mob-sidebars-inner{
color: #ff2020 !important;
}
}
```
You can adjust/change the color code value in the code as needed.

AND

You can change the mobile sidebar off-Canvas icon by navigating to XStore > Theme Options > WooCommerce > Shop > Shop Page Layout > Off-Canvas Icon > Select SVG Image and Publish it.

Please refer to the image provided at the following link for further reference: https://postimg.cc/nX19FZLM

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team
#358987 Copied
fshemporium

Participant

June 13, 2023 at 00:31

Hello, thanks for you help, i found this SVG seem very good, how can i change Off-Canvas Icon size ?

https://www.svgrepo.com/svg/233894/settings-setup

Best regards

#359250 Copied
Tony Rodriguez

Support staff

June 13, 2023 at 05:12
Hello, fshemporium,

If you want to change Off-Canvas Icon size on mobile, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and check back to your site after clearing the browser cache:
```
@media only screen and (max-width: 767px){
.woocommerce-shop .et-toggle-mob-sidebars-inner{
    font-size: 25px !important;
}
}
```
You can adjust/change the font-size code value in the code as needed.

We hope this will solve your issue.

Best Regards,
8Theme Team
#359253 Copied
fshemporium

Participant

June 20, 2023 at 03:54

Hello thanks for your reply,
i have past the code like you said, but the problem is, that work only on /Shop and not on all categories.

Best regards

#359742 Copied
Tony Rodriguez

Support staff

June 20, 2023 at 05:10
Hello, fshemporium,

If you want to change Off-Canvas Icon size on all archive pages on mobile, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and check back to your site after clearing the browser cache:
```
@media only screen and (max-width: 767px){
.et-toggle-mob-sidebars-inner{
    font-size: 25px !important;
}
}
```
You can adjust/change the font-size code value in the code as needed.

We hope this will solve your issue.

Best Regards,
8Theme Team
#359744 Copied
Tagged: color, compare, filtre, mobile menu, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)