Hi Guys,
the gym theme is great, but I was wondering if there was anything I could do to sort out the titles not being cut off when view on a mobile in portrait mode.
Its using Special Heading element
H1 to display
I know if possible use shorter titles! but thats not always possible. (and we don’t want all the other platforms to be reduced just to caterer for this one platform and rotation)
Many Thanks
First of all – you have here on that page more than one h1 Tag. This is something goolge f.e. do not like to see. A h1 heading should be unique as an ID per page.
To your headings and mobile advices. I can not reproduce your troubles. But i can only test it in firefox with ( alt cmd M )
Can you please show a screenshot of what your are talking about
Thank you – yes you are right about the H1 tags! – however these are how they are set in the vanilla theme – https://kriesi.at/themes/enfold-gym/about/our-mission/
How do I attach a file to the post?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
body .av-special-heading .av-special-heading-tag {
word-break: break-all;
}
Best regards,
Vinay
I see how that works, but looks very weird broken all up :-( is there any way to reduce the font size on a mobile for H1, I think that would be better.
Thank you Vinay
Hi,
Add this to quick css:
@media only screen and (max-width: 767px) {
h1{
font-size: 13px!importantl
}}
Simply adjust the font size to what you want.
Best regards,
Jordan Shannon
Brilliant, thanks Jordan and rest of the team that has done what I’m looking for
Hi,
I’m glad you got this corrected. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon