Tagged: font sizes, media queries, special heading
Hi, I am new to this Forum and just want to say how much I enjoy the Enfold Theme – so thank you!
I am using the Special Heading as an intro section on my home page.
For this Screen Option in the avia layout builder:
Font Size for very small screens (smaller than 479px - eg: Smartphone Portrait)
I think the media query might be wrong because at a screen size of 400px – my Special Heading doesn’t size down to 17px, it keeps the original size – 36px
Maybe a possible fix for a future update could be adding the following media query? (The .av-small-font-size-17
is the generated CSS from the screen options)
@media only screen and (max-width: 480px)
.responsive #top #wrap_all .av-small-font-size-17 {
.
font-size: 17px !important;
}
Just passing along and thinking it might help.
Thanks again!
Hey Jen,
I tried to recreate this issue on my localhost, as you described it, where the font size for desktops is 20px and 17px for mobile.
But this worked correctly for me. Can you please include a admin login in the private content area so we can take a closer look at the error in the wild.
Best regards,
Mike
Ok, I was wrong…sorry about that…I think I didn’t hit the update button in the WP dashboard. I hit SAVE in the Special Heading dialog but didn’t hit Update in the WP dashboard…thanks for looking into this. My bad.
Hi,
I’m glad you got this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon