I am trying to break a line in the “Phone number or small info” text in the secondary header on mobile devices.
Hey web4698,
I tried to check the link you gave however it is blocked by Sucuri:
Block reason: Access from your Country was disabled by the administrator.
Best regards,
Nikko
Hi web4698,
Thanks please add a span tag on those lines that you want to separate, for example:
<span><a href="http://www.website.com/page/">My Page</a></span> <span>Phone: <a href="tel:1-562-867-5309">1-562-867-5309</a></span> <span>Email: <a href="mailto:<a href="mailto:info@website.com" rel="nofollow">info@website.com</a>"><a href="mailto:info@website.com" rel="nofollow">info@website.com</a></a></span>
Then go to Enfold > General Styling > Quick CSS and add this CSS code:
@media only screen and (max-width:767px) {
#top .phone-info span {
display: block;
line-height: 1.4;
}
}
Hope this helps.
Best regards,
Nikko