We are having some trouble editing our Header sizes on mobile!
I have found where the settings should be (Salient>Typography>Responsive Settings) but the sliders here seem to be having no effect...am I missing another setting that is overriding them?
Ideally, we would like them to be around 50% as a guess? Perhaps could do this via css if settings page not an option?!
Thanks so much for all your help, site is looking good
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) {
body h1 {
font-size:18px !important;
line-height: 21px !important;
}
}
Hi there,
We are having some trouble editing our Header sizes on mobile!
I have found where the settings should be (Salient>Typography>Responsive Settings) but the sliders here seem to be having no effect...am I missing another setting that is overriding them?
Ideally, we would like them to be around 50% as a guess? Perhaps could do this via css if settings page not an option?!
Thanks so much for all your help, site is looking good
Pete
Hey there,
Thanks for reaching in,
Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .
Regards.
Themenectar Support Team
Hi Scott,
Thanks for your reply but these are the settings that aren't having any effect, are we missing something?
In particular I am trying to change the H1 underneath the nectar slider on this page
http://ilovetogocommando.com/services-corporate/
I am adjusting the mobile settings for H1 that you suggested (currently set to 30%) but it's having no effect on mobile
It's just within a normal 'text box' element so I can't work out why it won't resize! Perhaps there is an overriding setting somewhere else?
Any help really appreciated thank you
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) { body h1 { font-size:18px !important; line-height: 21px !important; } }Thanks
ThemeNectar Support Team