August 9, 2023 at 3:18 pm #100613JamiwGuest
On the site specified, the cart works but it’s not responsive on mobile. It loads initially as responsive then the buttons and table quickly revert to the desktop view when the page fully loads which looks bad on mobile.August 9, 2023 at 3:27 pm #100630
Thanks for reaching out and thank you for using Crio Pro WordPress theme!
I’m sorry to hear you’re having trouble with the mobile responsiveness of your shopping cart. We inspected your site and we’re noticing the “Add to Cart” buttons are redirecting back to the current page and no option to view the cart is available at all. That’s for larger and smaller screen sizes on our end.
Has anything changed recently that might have caused this? Also has the cart worked at any point or is this your first time setting it up?
You can use a responsive cart plugin like Side Cart WooCommerce (Ajax) to add an interactive and responsive shopping cart option to your theme. This might actually be easier for you to incorporate than the current option.
I hope this helps. Please let us know if we can offer further assistance or answer anything else for you!August 10, 2023 at 7:06 am #100642JamieGuest
Thanks Brandon, I have that cart redirect so when Add to Cart is clicked on the front page it redirects them to the Shop where they can see the added to card success message. If I don’t have that then it just refreshes the front page and does nothing. I don’t want to add the cart icon on the page either. Here is the snippet for reference: https://pastebin.com/G1kk1rWg
I turned the redirect off but it doesn’t make a difference with the responsiveness on my side. This is my first time setting this up and I’m just finishing building this site. I have the same setup on https://ilovepei.com/ but it’s not using the Crio theme.
If there’s no easy way to fix then I’ll try out that plugin you recommended to see how it works 🙂August 10, 2023 at 1:16 pm #100743
I can see the redirect on the second site URL but the first just redirects me to the Shop page with no cart option. I tried on the shop page as well and got the same result so I’m guessing the redirect snippet is still switched off.
We will test your snippet on our end to see if we can manipulate the results a bit with Crio. I’d definitely recommend trying the plugin route as adding code to your website can always be problematic.
Thanks Jamie, we’ll contact you via this thread once we test the snippet and let you know what we find.August 11, 2023 at 11:07 am #100769JamieGuest
It’s supposed to just redirect to the Shop page for the front page items so it’s turned on but it doesn’t make a difference in the responsive checkout. I tried that Side Cart plugin but it just wouldn’t work for me. I installed/configured it but it didn’t show up even with my caching plugin deactivated.
Also, just so you know, on my phone, when I click the Update Cart button, the checkout refreshes then shows properly as it should. I hope that helps!August 11, 2023 at 11:34 am #100857
I was able to view your cart page and I see exactly what you mean now. We have a snippet that should clear up your mobile responsiveness issues. You can add via a Code Snippets plugin or add directly to your CSS/JS Editor Appearance > Customize > CSS/JS Editor.
You can follow this link to grab the sippet and copy/paste it into your site, just remember not to copy the opening
I hope this works for you Jamie, please let us know us know if this resolves your issue!August 14, 2023 at 9:47 am #100910JamieGuest
Thanks again Brandon, I entered that CSS adjusted a few things and now the redirect and cart look and work as they should!August 14, 2023 at 9:50 am #101225
You’re so welcome! I’m happy we were able to help you get this resolved. Don’t hesitate to reach back out if you ever have any other questions for us!
- The topic ‘Cart not responsive in Crio WordPress theme’ is closed to new replies.