With the CTA on my site instead of just saying 'See More' or 'Learn More' I've tried to be more specific as in it relates to the content.

For example I have this one CTA that says 'Plan your wining and dining' for a food section my only problem is mobile as the CTA parent div has a limit width.

Image with CTA

As you can see the CTA text does not fit inside the button - my only solution is to make the text fit inside the button but then the button would like fairly big and ugly to say the least. What is the best way to go about dealing with this? Do I have to come up with smaller text to go inside the CTA?

1 Answer 1


Ultimately it will be personal preferences unless you test it during user tests.

What you can change? you'll have to find the right balance between:

  • Reduce the font size
  • Make the button multiline (max 2 for readability)
  • Change your label to something more concise ('Plan dinner')

I think you have it all.

  • Yeah I was thinking multiple line button - thank you for your answer, I will try and find a balance between the 3 things you listed.
    – Stephen
    Oct 25, 2017 at 13:50
  • You also need a smaller line height on that button for readability. Oct 25, 2017 at 13:59
  • Or use something other than a button. Oct 25, 2017 at 14:13
  • @MariuszCiesla yea I've changed the line height to make it fit better :)
    – Stephen
    Oct 26, 2017 at 10:20
  • @KenMohnkern I think the button is needed personally but if you have a better idea than I'm all ears :)
    – Stephen
    Oct 26, 2017 at 10:20

This site is temporarily in read-only mode and not accepting new answers.

Not the answer you're looking for? Browse other questions tagged .