Just as the subject line states, when viewed in a mobile browser the header text squishes together, overlapping the text. Image is attached below. Help would be very much appreciated.
This works perfect when resizing the browser window on a PC or Mac but on a dedicated mobile device (i.e., my iPhone 6), I'm still seeing the text overlapping. Is there specific code that addresses mobile devices and their browsers?
I cleared Cache and after a short time I was able to view the website properly on a mobile device. I will test some other devices as well but as of current time, it looks like the coding you supplied did the trick. I just want to thank you for the help. Guess you can close out the ticket. Thanks so much.
Just as the subject line states, when viewed in a mobile browser the header text squishes together, overlapping the text. Image is attached below. Help would be very much appreciated.
Hey ,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) { body.single-portfolio .row .col.section-title h1 { font-size: 22px !important; line-height: 28px !important; } }Best.
ThemeNectar Support Team
Tahir,
This works perfect when resizing the browser window on a PC or Mac but on a dedicated mobile device (i.e., my iPhone 6), I'm still seeing the text overlapping. Is there specific code that addresses mobile devices and their browsers?
Hey Again,
I cant see the custom css on the Frontpage . Its working perfectly when i add it to the Live Browser: http://prntscr.com/bat2rh .
Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/
Best.
ThemeNectar Support Team
Tahir,
I cleared Cache and after a short time I was able to view the website properly on a mobile device. I will test some other devices as well but as of current time, it looks like the coding you supplied did the trick. I just want to thank you for the help. Guess you can close out the ticket. Thanks so much.