Return to previous page

Off canvas for mobile panel cart button - by maia

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

maia

Participant

December 1, 2021 at 19:11

Hello, how to turn on off-canvas for cart button on mobile panel (https://prnt.sc/21a0j4s)? i see on the official theme demos it is possible, also can i turn on same feature for wishlist button?

#310593 Copied Theme version: 8.0.11

8 Answers

maia

Participant

December 1, 2021 at 19:28

how to increase footer width? https://prnt.sc/21a3k47

#310594 Copied

Olga Barlow

Support staff

December 2, 2021 at 12:55

Hello,

Could you, please, provide us with WP Dashboard access to your site? We’ll check the settings you use and help you.

Regards

#310674 Copied

maia

Participant

December 2, 2021 at 13:14

here

Please contact administrator
for this information.

#310678 Copied
Olga Barlow

Support staff

December 2, 2021 at 15:02
Hello,

1) Footer inherits you container width that you set in Theme Options > General > Site width. So, if you want to increase that then just change that width to 1500 for example.

2) If you want to have off-canvas once you click the cart from mobile then the cart element should be in the mobile header https://prnt.sc/21eibi3
In case you don’t want to show cart in the header then you can hide it using below custom in Theme Options > Custom CSS
```
.mobile-header-wrapper .et_b_header-cart {
    display: none;
}
```
Regards
#310709 Copied
maia

Participant

December 2, 2021 at 16:47

Hi, thank you for reply. I had insert custom css code it hides cart button from header but after that cart button in mobile panel does not work either, when i press it off-canvas menu does not appear and mobile panel gets hide((

#310739 Copied
Olga Barlow

Support staff

December 3, 2021 at 10:24
Hello,

Oh, sorry. I have replaced with the code below
```
.mobile-header-wrapper .et_b_header-cart .et_b-icon {
    display: none;
}
```
Check your cart in the mobile panel now.

Regards
#310792 Copied
maia

Participant

December 3, 2021 at 11:16

Thank you)) is there possibilities in theme options to change color and edges radius for this buttons? (https://prnt.sc/21jbo9r) (https://prnt.sc/21jbost) (https://prnt.sc/21jbpfp) (https://prnt.sc/21jbpfh)

#310798 Copied

Rose Tyler

Support staff

December 3, 2021 at 14:14

Hello,

Theme Options > Styling > settings for Buttons

Regards

#310811 Copied
Tagged: best selling, button, cart, mobile, off canvas, panel, themes, woocommerce
Viewing 9 results - 1 through 9 (of 9 total)