fix mobile view

Hi,

On your page, I saw that you’ve set a custom padding of 300px for the Cover block. Padding is a WordPress core feature and, unfortunately, isn’t currently responsive.
You can make it responsive by adding some custom CSS. If you need help with the CSS, I would need to see the page (the URL you gave is now not found).

Have a nice day,
Tom

Hi,

On the Cover block, you’ve selected “Repeated background”. You should turn it off to be able to use the Focal point picker and focus the image on the doctor’s head. If you want to add padding on desktop and remove it on small devices, you can add some custom CSS. To do so:

1. Select the Cover block.
2. Open the sidebar settings and under Additional CSS Class(es), add a new class e.g. mobile-no-padding
3. Then open the Customizer, and inside Additional CSS, paste the following code (adjust the values as you like).

@media (max-width: 651px) {
	.wp-block-cover.mobile-no-padding {
		padding: 0 !important;
	}
}

I hope the above is useful to you.
Tom

My pleasure.

If you enjoy Twentig, please rate it. It would really help me out 🙂
Tom