Mobile-friendly page

[Timea]

Hello,

I’m not sure if my question is theme related or WordPress, apologies in advance.

I’ve got a block that has a picture as a background image. It looks weird on mobile devices.

Is there a way I can customize it only for mobile? Do I need a plugin?

Thank you!

[Elvin]

Hi,

Can you link us to the site in question so we could take a closer look?

You can add the site URL on the Private Information textarea. Thank you.

A wise man once said:
"Have you cleared your cache?"

[Timea]

Hello,

Many thanks for your response. Please see the info below.
The block with the background image is the one on the Homepage.

[Elvin]

I’ve inspected the block and found this:

margin: -50px -10px 5px;

I see that you’re using GenerateBlocks. This spacing setting is causing issues on mobile.

I believe you’ve set this on Desktop but is being cascaded to the mobile viewport.

To prevent this from being applied on mobile, you must also set the margin-top to 0 for the container block’s Mobile Tab as shown here: https://share.getcloudapp.com/JrugGvE9

A wise man once said:
"Have you cleared your cache?"

[Timea]

Thank you very much for your response, I just changed the dimensions as you suggested, and looks good on mobile too! Many thanks 🙂

[Elvin]

Nice one. No problem. 🙂

A wise man once said:
"Have you cleared your cache?"

[Author]

Posts