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 :
@media only screen and (max-width: 600px) {
.class {command : value;}
}=> 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 :
.extra_class_to_prioritize .same_class_html {
max-width: 350 px (by example)
}
Hope this will help you to achieved what you need.
regards
HIKASHOP ESSENTIAL 60€The basic version. With the main features for a little shop.
HIKAMARKETAdd-on Create a multivendor platform. Enable many vendors on your website.
HIKASERIALAdd-on Sale e-tickets, vouchers, gift certificates, serial numbers and more!
MARKETPLACEPlugins, modules and other kinds of integrations for HikaShop
