Hi!
I tried some codes in the quick CSS, but it doesn’t work.
@media only screen and (max-width: 767px) {
.av-inherit-size .av-special-heading-tag {
font-size: 0.7em !important;
}
}
Here is a screenshot:
http://fs5.directupload.net/images/160605/edqucjjl.png
Hey TobYi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
This will affect all the h1 size it is best to use a custom class name on a colorsection or h1 element and target it.
To enable custom css class name please check http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
@media only screen and (max-width: 767px) {
h1.av-special-heading-tag {
font-size:35px!important;
}}
Best regards,
Vinay
Oh, many thanks! It works great!