-
Posts
-
Dear Team,
I tried to set the titles on default (they were on 50 px before), but they are still too big when checking them on a smartphone. But they are almost too small for a computer. Is there a way to program a smaller version only on smartphone ?
Thanks for your help and best regards,
Hula SlimHey HulaSlim,
Thank you for the inquiry.
Are you using the Special Heading element? The size of the font can be changed per device or screen size in the Styling > Font Sizes > Heading Font Sizes settings.
You can also use this css code to adjust the font size of inline headings or titles.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { font-size: 20px !important; } }Best regards,
IsmaelHi Ismael,
It looks like you didn’t received my answer.
As I am new to responsive editing, could you please explain where exactly are the locations you are talking about ?
– Where are special headings ? I am using the legend within the slide-shows.
– Where is Style/Font/size ?
– Where should I put the css ? I tried in the box of the slide-show (in advanced, css class) but it didn’t change anything when looking from the mobile.
Thank you
Regards,
HulaSlimHi,
If you want to set general font sizes for headings, then you can do so under Enfold->General Styling->Typography. If you are referring to the captions in the Full Width Easy slider on your front page, then you can set font sizes for each screen size if you click in to each slide, then change the font sizes in the Styling->Font Sizes tab.
Best regards,
RikardHi Rikard,
Problem solved ¨! Thank you very much for the great advice, this is exactly the perfect solution.
Best regards,
HulaSlim
- The topic ‘H1 and H2 titles too big for smartphones’ is closed to new replies.