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!

i try to fix the problems but i don’t know how can i set the background hero image to the right position in mobile view (https://gsz.biggy.hu) now i see only the hands and fingers not the head of the doctor on mobiles. and without padding how can i move the text to left a bit in desktop?

thanks in advance

• This reply was modified 3 years, 11 months ago by biggyhu.

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

hi! thanks for you help! regards zoltan

My pleasure.

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

of course, i already did it!

regards