@media only screen and (max-width: 480px) {
h1.avia-caption-title {font-size:24px !important;}
}
Hey Stefano,
Without actually comparing your css to your element, it looks correct. Please link to the element so we can see what the correct css is.
Best regards,
Mike
With mobile is not correct is too big respect h2 and h3
Yes I need that all h1, h2 and h3 are same dimensione on mobile
@media only screen and (max-width:767px) {
h1.avia-caption-title, h2.avia-caption-title, h3.avia-caption-title {
font-size: 32px !important;
}
}
Hi,
To have the title of all 3 slides the same, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width:767px) {
#full_slider_1 h1.avia-caption-title,#full_slider_1 .slide-2 .slideshow_align_caption h2.avia-caption-title,#full_slider_1 h3.avia-caption-title {
font-size: 32px !important;
}
}
another option would be to set all 3 to use the same heading and inline font style.
If this doesn’t help, please include a admin login in the private content area so we can take a closer look.
Best regards,
Mike