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) {
#page-header-bg .span_6 h1, .single.single-post .section-title h1 {
letter-spacing:0px !important;
}
body #page-header-bg .span_6 span.subheader {
letter-spacing: 0px !important;
}
}
How can I modify the font size for the mobile version of page headers? it becomes very small, please, can you help me?
forgot to mention i can't do it with the responsive settings of the typography salient main menu, please help, thanks!
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) { #page-header-bg .span_6 h1, .single.single-post .section-title h1 { letter-spacing:0px !important; } body #page-header-bg .span_6 span.subheader { letter-spacing: 0px !important; } }Thanks
ThemeNectar Support Team
works great! which parameter can I change to try make it bigger or smaller until is the correct one?
Hey there,
Thanks for reaching in,
Here, you can tweak the px till you find the right setup that suits you.
Regards
Themenectar Support Team
Thank you very much! you guys rock!
Awesome,
Please be sure to reach in in case you encounter another issue,
Regards
Themenectar Support Team