Hello! I am in the process of updating our website from our previous theme. While everything looks great on desktop, on mobile things keep getting jumbled. Words blend together, elements are in the wrong order, headers are huge, etc. I have looked through the support tickets and tried the W3 cache plugin which seemed to only slow my site down (the opposite of what it said it would do) and I have tried multiple different types of code. Please help!
Hello! I am in the process of updating our website from our previous theme. While everything looks great on desktop, on mobile things keep getting jumbled. Words blend together, elements are in the wrong order, headers are huge, etc. I have looked through the support tickets and tried the W3 cache plugin which seemed to only slow my site down (the opposite of what it said it would do) and I have tried multiple different types of code. Please help!
Hi Emily,
Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .
Hope this helps.
I tried this and it seemed to have no change or affect on my site. The same issues persist.
Hi Emily,
Use the following custom css in Salient > General settings > CSS/Script related:
@media only screen and (max-width: 1000px) { #intro h1 { font-size: 40px !important; line-height: 1.5 !important; } .nectar-split-heading { margin-bottom: 60px !important; } .vc_custom_heading { font-size: 25px !important; } }Hope this helps.
This seemed to work! Thank you!