Return to previous page

Of-canvas – mobile responsive problem

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

Jan Mikolajek

Participant

November 4, 2021 at 20:23

Hello,
I using your of-canvas version for cart and YITH Wishlist.
I have problem with responsive with I using Mobile panel.

1. Wishlist – button is under the mobile panel – img: https://ibb.co/zSxV6X8
2. Cart – bottom text is under the mobile panel and missing progress bar – img: https://ibb.co/3FjpZxp

Thank you,

#307656 Copied Theme version: 8.0.9.

8 Answers

Rose Tyler

Support staff

November 5, 2021 at 07:54

Hello,

Thanks for contacting us.
Provide URL and temporary wp-admin access, please.

Regards

#307678 Copied

Jan Mikolajek

Participant

November 5, 2021 at 09:35

Hello,
provided in private content 🙂

I found two more similar problems with the mobile panel,
1) back-to-top button – when scrolling to the bottom of the page, the button overlays the mobile panel
2) product page – if you open the cart (of-canvas) on the product page, it also doesn’t show the full text or progress bar – there is no mobile panel here, but stickly add to cart – you helped me set it up in codecanyon comments.
So can you take a look at all 4 of these issues? (I described two of them in my original question.

Regards.

Please contact administrator
for this information.

#307683 Copied

Olga Barlow

Support staff

November 5, 2021 at 16:35

Hello,

Can’t log in to your WP Dashboard https://prnt.sc/1yfq3x2

Regards

#307726 Copied

Jan Mikolajek

Participant

November 5, 2021 at 18:32

Try now 🙂

#307742 Copied
Olga Barlow

Support staff

November 6, 2021 at 10:54
Hello,

1) Issue with the mobile panel is related to your custom code in the child theme https://prnt.sc/1yix8sr I have improved the code to apply that for the single product only
2) Do you want to show this bar in addition to the text? https://prnt.sc/1yiz04l Provide us with FTP access to your site, please.
3) Provide screenshot of the issue because I don’t see problem https://prnt.sc/1yiy3z9
4) Added below code to child theme style.css. Check now.
```
.et-mini-content-opened .single-product .etheme-sticky-panel.outside {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
```
Regards
#307766 Copied
Jan Mikolajek

Participant

November 7, 2021 at 13:42

Hello,
thank you very much.

for point 2 – yes, I am sending FTP access. I would like this progress bar on mobile devices too.

Please contact administrator
for this information.

#307835 Copied

Rose Tyler

Support staff

November 8, 2021 at 08:06

Hello,

Thanks for the reply.
I’ve sent your request to one of our technicians. I will let you know once get an answer. Please be patient.

Regards

#307857 Copied

Rose Tyler

Support staff

November 8, 2021 at 11:16

Hello,

Clear cache and check the progress bar on mobile.
Changes were done in: et-core-plugin/app/models/customizer/theme-options/global/callbacks.php
+ xstore-child/style.css (at the same bottom)

Regards

#307883 Copied
Tagged: best selling, mobile, of-canvas, problem, responsive, themes, woocommerce
Viewing 9 results - 1 through 9 (of 9 total)