No option is available in the theme option but you can use a JS fucntion. Please go to wp-admin>theme options>custom css/js And add this code in the custom JS field(not the custom css field)
IRON.responsiveText([ { selector: 'h1,h2, h3', //Here you can add other selector as h4 newFontSizeSmall: '32px', //Font size on mobile newFontSizeMedium: '60px', //Font size on tablet smallBreakPoint: '767px', //Mobile break point mediumBreakPoint: '768px' //Tablet break point } ]);
Hi!
I want to change the headings for the mobile version of our site.
Is there one place I can change the H1 to H6 for mobile so I won't have to go through the whole site?
Kind regards,
GertJan
Hi,
This is something you can manage with the elementor Editor.
See here.
Sonaar doesnt have this option.
Thanks,
Alexandre from the Sonaar.io Crew
Hi Alexandre!
Thanks for the screencap!
Does this mean I have to do this for EVERY HEADER on my site? There is no option in 1 place to say make headers H2 on mobile xx pixels?
GertJan
Hi,
No option is available in the theme option but you can use a JS fucntion.
Please go to wp-admin>theme options>custom css/js
And add this code in the custom JS field(not the custom css field)
IRON.responsiveText([
{
selector: 'h1,h2, h3', //Here you can add other selector as h4
newFontSizeSmall: '32px', //Font size on mobile
newFontSizeMedium: '60px', //Font size on tablet
smallBreakPoint: '767px', //Mobile break point
mediumBreakPoint: '768px' //Tablet break point
}
]);
Thanks,
Alexandre from the Sonaar.io Crew