Not all headers and images responsive

[patrictarnhamn]

Hi,

Not all of my headers and images (even button texts) are responsive and get cut off or look weird on mobile.

I tried adding the responsive text class to them but it doesnt work, what can I do to fix it?

Preferably on a macro level so I don’t have to double check every image and heading I put on the site moving forward.

Attaching some screenshots so you can see what I’m talking about, the screenshots are from an iPhone 5 resolution.

Thanks in advance!

[jade]

Hi there,

Would you mind providing the URL of your site so that we can check it?

Thank you.

[lely]

Hi There,

Did you figure this out already? For further help we need URL to access your site.

[patrictarnhamn]

Hi, sorry for the delay.

An example is; https://fragbet.se/betsson-esport/

Thanks in advance!

[lely]

Hi There,

On which header did you add responsive text? I did check most headers and responsive text is not implemented.

Regarding image, I can you have added 300px right now. Please just add auto on the Width textfield.

Would you mind clearing cache and then check again? If the issue persist, please do share credentials on a secure note.

[patrictarnhamn]

Hi Lely,

Added a Secure Note.

Thanks in advance!

[jade]

Hi there,

There seems to be no responsive text implemented on the Betsson Esport page. But what you can do for the text is to add this code in the custom CSS:

.h-custom-headline {
    word-break: break-word;
}

As for the button, there is an inline CSS that controls its width which is width: 40%; causing it to display too small on mobile.

I can’t seem to see any issue with the image and they are resizing correctly on mobile.

[patrictarnhamn]

Hi,

Thanks for the help! Will add the css.

[jade]

You’re welcome.