- This topic has 7 replies, 2 voices, and was last updated 6 years, 9 months ago by
.
Hi, i got a bit of a problem with text in the footer area overlapping on mobile device. The text is this:
<span style=”font-size: 18px;”><span class=”_Tgc”>©</span> 2017 SurgeEA Tel. <span style=”font-size: 16px;”>(UK Toll Free):</span> +44 800 0488 973</span>
Once the telephone number part is pushed down, it doesn’t go underneath the previous text but overlaps it. I have attached a screenshot from an Android device with Chrome browser.
Can something be done?
Hi Surge,
Sorry to hear of the problem you are having.
Could you please share me your site URL where it’s happening so that i can troubleshoot it?
Best regards,
Shufflehound teamSorry, can’t believe i forgot that. http://www.surgeea.com
You can resolve the issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-copyrights-text { line-height: normal !important; }That made it better in the sense that it’s not overlapping anymore, but the distance between the text and the image above is now too large compared to the text spacing. Is there a way to insert a custom value for the line height so that it matches the distance between the top of the text and the logo image?
Screenshot attached.
Solution for this topic
You can match the line height by changing above shared CSS code as following.
.sh-copyrights-text { line-height: 2.5 !important; }Sorted, thanks a lot guys!
Best wishes,
Surge
You are most welcome here 🙂
