hello, I don't understand why the font-size of my headings is not changing when I resize the viewport. For instance, when I tried one of the demos that ships with salient, I can see in chrome dev tools that the font-size property of an h2 changes as I change the viewport size. That's not the case in my webpage and I don't know why. I've already removed all custom css I had applied but still not working.
As I told you at the beginning of this ticket, I have two local wordpress installations with salient. On the first one I am developing my website and on the second one I've only have imported one of your demos (one-page).
On the first one, responsive typography is not working (even after having activated the responsive typography options from the salient options panel), on the other one it is working perfectly.
So, here is what I've just tried:
I have exported the options of the installation where responsive typography is working and imported them into the installation where responsive typography is not working. After doing so, the responsive typography started working perfectly on the installation where it wasn't working at all, but when I reimported the original options for that installation (so that I can recover the look and feel and settings that I've been working with for that website), again, responsive typography stops working.
The exact same thing happens if I try the above on a new fresh wordpress-salient installation. I mean, responsive typography won't work untill I import the options of the installation which has the demo "one-page" imported on it.
So there must be some options that I have to change, but I can't figure out which they are.
Another important thing I fotgot to mention is that if I change another option like "accent color", for example, it works perfectly, the salient-dynamic-styles.css file is updated accordingly to reflect the new color chosen.
So it's weird.
I have to finish this job tomorrow so if you can think of whatever that could help, please let me know.
I had to set at least one typography attribute in the section of typography options for the media queries to be printed. I hadn't done it untill now because I was fine with the default styling for the text, but it seems to be mandatory if you want to have your media queries for responsive text printed on "salient-dynamic-styles.css" file.
I don't know why the developer of salient did it that way, I mean, responsive typography should work even if I don't set any of the attributes of the text.
"fonts.php" is the file where I found the code responsible for printing the media queries. They're surrounded by an if statement similar the one below, one for each text element that can be customized from the typography options: if( $nectar_options['<type of text element>_font_family']['attrs_in_use'] ) { //print media queries for responsive text for this text element }
where type of text element is body, h1, h2, h3, h4, etc
hello, I don't understand why the font-size of my headings is not changing when I resize the viewport. For instance, when I tried one of the demos that ships with salient, I can see in chrome dev tools that the font-size property of an h2 changes as I change the viewport size. That's not the case in my webpage and I don't know why. I've already removed all custom css I had applied but still not working.
Hey Again,
Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .
Best.
ThemeNectar Support Team
Hey Again,
It's asking for a WP login as well to view the page. Gonna escalate this to the developer so he may add in a response..
Thanks
ThemeNectar Support Team
I think I'm closer to fix this issue.
As I told you at the beginning of this ticket, I have two local wordpress installations with salient. On the first one I am developing my website and on the second one I've only have imported one of your demos (one-page).
On the first one, responsive typography is not working (even after having activated the responsive typography options from the salient options panel), on the other one it is working perfectly.
So, here is what I've just tried:
I have exported the options of the installation where responsive typography is working and imported them into the installation where responsive typography is not working. After doing so, the responsive typography started working perfectly on the installation where it wasn't working at all, but when I reimported the original options for that installation (so that I can recover the look and feel and settings that I've been working with for that website), again, responsive typography stops working.
The exact same thing happens if I try the above on a new fresh wordpress-salient installation. I mean, responsive typography won't work untill I import the options of the installation which has the demo "one-page" imported on it.
So there must be some options that I have to change, but I can't figure out which they are.
Another important thing I fotgot to mention is that if I change another option like "accent color", for example, it works perfectly, the salient-dynamic-styles.css file is updated accordingly to reflect the new color chosen.
So it's weird.
I have to finish this job tomorrow so if you can think of whatever that could help, please let me know.
Thanks!
Solved!
I had to set at least one typography attribute in the section of typography options for the media queries to be printed. I hadn't done it untill now because I was fine with the default styling for the text, but it seems to be mandatory if you want to have your media queries for responsive text printed on "salient-dynamic-styles.css" file.
I don't know why the developer of salient did it that way, I mean, responsive typography should work even if I don't set any of the attributes of the text.
"fonts.php" is the file where I found the code responsible for printing the media queries. They're surrounded by an if statement similar the one below, one for each text element that can be customized from the typography options:
if( $nectar_options['<type of text element>_font_family']['attrs_in_use'] ) {
//print media queries for responsive text for this text element
}
where type of text element is body, h1, h2, h3, h4, etc