-
AuthorPosts
-
March 26, 2026 at 12:46 am #1496347
How can I get the mobile view to had upper/lower case, instead of all uppercase?
I tried CSS and it still didn’t work. Worked for desktop, but not mobile view.
CSS added:
h1, h2, h3, h4, h5, h6 {
text-transform: none !important;
}@media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 {
text-transform: none !important;
}
}March 26, 2026 at 3:08 am #1496348Hey bemodesign,
Thank you for the inquiry.
Try to use more specific selectors targeting the content wrapper — try to use this instead:
@media only screen and (max-width: 767px) { .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2, .template-page .entry-content-wrapper h3, .template-page .entry-content-wrapper h4, .template-page .entry-content-wrapper h5, .template-page .entry-content-wrapper h6 { text-transform: none !important; } }Please make sure to purge the cache before testing. Let us know if the issue persists.
Best regards,
IsmaelMarch 27, 2026 at 2:12 am #1496366It still shows uppercase. I gave you access below.
I emptied the cache also. what is the best plugins for cache? RIght now I am using LiteSpeed CacheMarch 27, 2026 at 3:59 am #1496367Hi,
Thank you for the login info.
We found some invalid css in the Quick CSS field that was causing the issue. We have gone ahead and fixed that. Please make sure to purge the cache before testing again.
As for the cache plugin, most of them do the same job and it really comes down to personal preference. LiteSpeed Cache is a solid choice, so you can stick with that.
Let us know if the issue persists.
Best regards,
IsmaelMarch 27, 2026 at 4:08 am #1496369You guys are awesome!
March 27, 2026 at 7:42 pm #1496381Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘H headlines are Uppercase on Mobile View only’ is closed to new replies.
