return a line on mobile in secondary header

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

• This reply was modified 2 years, 7 months ago by Nikko.