CMS Development

amexclusive
Member

Making a stylized link responsive

Hello!  I have a custom class in my pages that applies styles to a link, however, when the link gets reformatted in mobile, it doesn't look good.  See attached pictures, and the below gif shows the coding behind the class:

https://hubspot-zorse-prod.s3.amazonaws.com/email_activity/3831a42c-cc61-4d67-a41d-571ba1bad90c/24.0...
Example bad formatting.JPG

 

 

0 Upvotes
1 Reply 1
DaniellePeters
Top Contributor

Making a stylized link responsive

I would put the button into a <div> element rather than a <span> so that when the text breaks to the next line, it will appear within one big box. You may also need to adjust the line-height. If you want the text to all be on one line on mobile, you'd need to use media queries to change the font-size based on the screen width.