Width of Vex box to checkout on mobile view

-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.22
-- PHP version -- : 7.4.9
-- Browser(s) name and version -- : Chrome 85.0.4183.121

Hello,

I'm having an issue which I can solve myself, nor can I find documentation on this. So I hope you can/will help me with this...

When a product is added to the cart, the Vex popup box asks whether to go back for more shopping, or to proceed to the cart. The box is way to large for mobile screens. Unfortunately, I can't find how to make it fit the window.

Is there a solution for this? CSS didn't work...

Looking forward hearing from you!

Best regards,

Ans



[Moderator :]Don't edit your message long after posting it, because that mess up our work organisation, if you have a new elements poste a new message, please.

Hello,

There are always a solution, here it's a question of custom Css, I'm sure that with a strong selector and the good css command it's possible, follow me step by step :
1. First, have a look on this documentation to see how to proceed to add some custom Css.
Now, some advice add your custom Css at the end of your frontend file Css, add a maximum of html class to prioritize your own css.
You can too use some "!important" to increase his priority.
2. Have a look on this documentation to see how to built a powerful selector.

3. Have a look on the "@media" command, here to have a "condition" in your Css.
Example : => Here, this command Css, will only apply on a 600 px wide screen.
4. Use your inspector tool (right-click => Inpsect/inspector tool/...) To be able to analyze your html & your Css

As a results, you will have this kind of pseudo code :
Hope this will help you to achieved what you need.

regards

Hi Philippe,

So sorry for the belated reply. With your help we were able to make some needed changes. Thank you very much!

Regards,

Ans