mtjmohr

For additional commants or questions you can address me here.

Best regards

Markus

Thank you very much,

I think I have understood how to handle that now. I have added a variety of

@media screen commands

For the additional CSS and it works.

Best regards

Markus

Hello,

yes, I thought as much. But where do I get more information about how to define a CSS command for the mobile layout? You mentioned @media. Can you please give me a hint whether this is Bento-associated or a genuine WordPress property? And maybe a URL where to look for such information?

Best regards

Markus

Hello,

no, this pushes the image right to the background from the beginning so that it cannot be seen when you have only short texts.

Is there a way to let the lower frame of the picture adjoin the upper rim of the footer or – in other words – the footer push the lower rim of the picture upwards?

Best regards

Markus

Hello,

I have added the line

.site-header { position: fixed; width: 100%; }

to the additional CSS.

Now take a look at the site with a tablet, ideally an iPad. The entire menu is being pushed up to the upper rim of the browser (I checked it on Firefox and Chrome for the iPad) and then stays there.

Excellent!

Thank you very much indeed, you solved this problem.

Best regards

Markus

P. S.: If you take another look at the site, the fixed image on the right is being pushed up after the text on the left has reached an end. How can I make the image NOT go over the two footer regions (footer menu containing the sitemap and footer area with disclaimer and copyright) but either get behind it (maybe z-index?) or adjoining the upper rim of the first footer?

• This reply was modified 6 years, 7 months ago by mtjmohr.

Hello,

thank you very much for your reply.

Shall I put your recommendations into the additional CSS area?

Best regards

Markus

Hello,

yes, please check the following site:

https://wirtschaftsmediation-hanke.de/

Best regards

Markus