First of all I want to say big thank you for you very usefull product. I have one problem - in mobile version of site I cant change this css code:
h3.item-title, h4.item-title{
font-size: 18px;
}
All I need - change font-size from 18px to 12px. Because I have this visual bug (watch screenshot). I'll try to change css in Mobile CSS block of this module, but nothing happent.
PS: Sorry for my bad english, didn't practice in this around 10 years.
Hi, guys!
First of all I want to say big thank you for you very usefull product. I have one problem - in mobile version of site I cant change this css code:
h3.item-title, h4.item-title{
font-size: 18px;
}
All I need - change font-size from 18px to 12px. Because I have this visual bug (watch screenshot). I'll try to change css in Mobile CSS block of this module, but nothing happent.
PS: Sorry for my bad english, didn't practice in this around 10 years.
With big respect,
George.
Hi,
Sure, we can help.
Can you share direct link to the page on the screenshot. I need to be able to see it in the browser, to help you with CSS.
Kind regards,
Andrej
OrionThemes
Hello, Andrej!
Sorry for the underside answer. Here the page - http://vizavi-clinic.ru/services/lechenie-zubov/ At the desktop it shows okay, but in mobile browser blocks overlap.
Hi,
Copy the following CSS to Theme Options -> Custom CSS:
@media (max-width: 991px) {.orion-pricelist .item-title {
max-width: 50%;
}
}
This will make sure, the description and price don't overlap on mobile devices and then there is no need to change font-size.
If you'd like to make the font smaller, you can just use:
.orion-pricelist h4.item-title {
font-size: 18px;
}
Kind regards,
Andrej
OrionThemes