CODEWITHSUNDEEP
csswordpressmobile
d-sizzle302
d-sizzle302

Reputation: 25

WP Theme Button not re-sizing on mobile

I'm building a website on WordPress using the Stockholm Theme. Generally it's mobile responsive and most things work quite well. One thing that's causing me trouble is 'buttons'.

There's an example on the following page: https://med4eu.co.uk/proces

It doesn't display correctly on mobile. The width is too long and goes off the page. I'm trying to figure out how I can make it go into multiple lines (so text spread over 2 lines instead of 1, where necessary, to fit on the screen). Happy to consider other solutions you might suggest as well.

Here's what it looks like on mobile:

Screenshot of display on iPhone

You can view source code on the above link.

Help much appreciated, as always! :)

Upvotes: 0

Views: 178

Answers (1)

Nick
Nick

Reputation: 417

Add only for mobile media query this property to "a tag" button:

white-space: normal;
display: block;
height: auto;

Upvotes: 1

Related Questions