Gonzalo Alvarez Posted July 19, 2022 Share Posted July 19, 2022 Hello i am currently on Prestashop 1.7.6.4 and I am having an issue with the shopping cart module. The module works perfectly on desktop but on mobile the "View cart" button does not work. I will leave video here to give a better example. Thanks for your help! https://laconcienciadequique.es/ WhatsApp Video 2022-07-19 at 3.38.39 PM.mp4 Link to comment Share on other sites More sharing options...
Ali Samie Posted July 19, 2022 Share Posted July 19, 2022 Hi. It is better to contact your theme support at first step. Link to comment Share on other sites More sharing options...
lordignus Posted July 20, 2022 Share Posted July 20, 2022 (edited) The problem is with the "dropdown-backdrop" div, which only seems to load if the screen is below a certain width (i.e. on mobile). The z-index for it is set to 990 in your css files, so it's covering everything on the page even though you can't see it. Lowering the z-index to 99 seems to fix it. Edited July 20, 2022 by lordignus spelling (see edit history) 1 Link to comment Share on other sites More sharing options...
Ali Samie Posted July 20, 2022 Share Posted July 20, 2022 @lordignus Yes you are right. So, just find a good selector and add the z-index of 1000 for that. Put it in custom.css of the theme. Link to comment Share on other sites More sharing options...
Gonzalo Alvarez Posted July 20, 2022 Author Share Posted July 20, 2022 Hello, I found the selector .dropwdown-backdrop in my theme.css file, then I tried lowering the z-index and also adding more value to it. And neither of those two worked. I do not know if I am doing something wrong or if the problem is somewhere else. Link to comment Share on other sites More sharing options...
lordignus Posted July 20, 2022 Share Posted July 20, 2022 Lowering it should work. Did you clear cache (in Advanced Parameters->Performance) after making the change? Link to comment Share on other sites More sharing options...
Nickz Posted July 20, 2022 Share Posted July 20, 2022 16 minutes ago, Gonzalo Alvarez said: And neither of those two worked. have you cleaned out your caches? Link to comment Share on other sites More sharing options...
Ali Samie Posted July 20, 2022 Share Posted July 20, 2022 25 minutes ago, Gonzalo Alvarez said: Hello, I found the selector .dropwdown-backdrop in my theme.css file, then I tried lowering the z-index and also adding more value to it. And neither of those two worked. I do not know if I am doing something wrong or if the problem is somewhere else. I think instead of lowering the z-index of that element, it is better to add a higher z-index to that specific button. That is better because you do not know where is it used and it might cause another problems. You are looking for a way to solve an issue with that button, but instead of editing that button you are setting new rules for another element. Keep in mind what you are changing Link to comment Share on other sites More sharing options...
Gonzalo Alvarez Posted July 20, 2022 Author Share Posted July 20, 2022 Thank you all for the responses, I lowered the z-index and cleared the cache and it worked. Thank you so much! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now