1

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?

2

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 '17 at 13:50
  • You also need a smaller line height on that button for readability. – Mariusz Ciesla Oct 25 '17 at 13:59
  • Or use something other than a button. – Ken Mohnkern Oct 25 '17 at 14:13
  • @MariuszCiesla yea I've changed the line height to make it fit better :) – Stephen Oct 26 '17 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 '17 at 10:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.