ajewp

I resolved it using two blocks: a cover block for big screens and a image block for smaller screens.

I added then this CSS code to hide one of the two depending on screen size:

===========================================================

/* Hide cover block on screen smaller than 1100px */
@media screen and (max-width: 1100px) {
.wp-block-cover {
display: none;
}
}

/* Hide image block on screen bigger than 1100px */
@media screen and (min-width: 1100px) {
.wp-block-image.alignfull {
display: none;
}
}`

===========================================================

Thanks & Greetings

The whole cover-block should shrink on small screen: https://ibb.co/mS4LyQN

Thanks Abhishek, but the cover-block image will not shrink on small screens.
I dont know if it is possible, the image should adjust automatically on small screen to not get cut the logo-text… possible?

Hi Abhishek

The CSS code works great. Thanks!

I dont wanted to use 100% full width because i dont like the following blocks below the cover block to get so close to the browser window edge.

In addition, would you also know the CSS code needed to get the cover block responsive? So that it does not cut the logo (with text) on small screens.
If not, i will use the cover block text option.

Thank you.

Thanks Lisa!
I will ask there.

It does not follow the same logic.
But thanks for the input.

ok, Ian…. I’ll try there. Thanks

Does only access to backend (/wp-admin) not working?
When you enter the domain in your browser, does the page load at all (Default)?
Which domain?

Hi Vlad

Thanks for the time looking into this. Worked!

regards