Tagged: catalogue, responsive
Hello Enfold Team,
i have the problem that my price information in the enfold catalog is not responsive. Headline and price overlap.
I have already tried different CSS solutions from various threads, but has not helped so far.
Please take a look at the screenshot:
https://www.directupload.net/file/d/5332/4g96qquj_jpg.htm
Thanks you
Alex
Hey JKManagement,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hello Victoria,
thanks for your reply.
I will send you the link in private content. Do you need a login too?
Hello Victoria,
i would be happy to hear from you. Do you need more Information?
Thank you!
Hi JKManagement,
Yes, sure :)
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 990px) and (max-width:1100px) {
.av-catalogue-price {
width: 100%;
top: 40px;
left: 0;
}
.av-catalogue-content {
padding-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width:989px) {
.av-catalogue-price {
width: 100%;
top: 70px;
left: 0;
}
.av-catalogue-content {
padding-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.av-catalogue-price {
width: 100%;
top: 70px;
left: 0;
}
.av-catalogue-content {
padding-top: 70px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Perfect. Thank you very much!
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)
Best regards,
Vinay