sorry Mike
I just tested it again: IT WORKS!!!
My problem has been solved

THANK YOU for your SUPPORT!

Wonderful! Now it works in the mobile version too! THANK YOU

Hello Mike

First of all, many thanks for your support.

Yes, the ID in the cell element was temporarily removed because I had a problem with the page and had to load an earlier version.

But now I have defined the class “cell-nodisplay” in the two 1/5 cells according to your recommendation and inserted your script in the CSS.
Unfortunately it does not work on the I-pad in landscape format and also not in portrait format: see screenshot https://osmosis.de/support/gm/home/tablet-cell.jpeg

What else can I do?
Best regards, Diana

Dear support team

I have now adjusted the padding in both cells exactly identically, but the result is still not correct:
see new screenshots:
Left cell: https://osmosis.de/support/gm/cell1.jpg
Right cell: https://osmosis.de/support/gm/cell2.jpg

On the left – I don’t know why – the timeline is centered – that’s how it seems to me.
What can I do?

Best regards Diana

Thank you for your quick reply and the CSS update. Everything works perfectly now!!! THANK YOU

Thank You. This problem is solved. Perfect

Thank you Mike, the script works perfectly!

Many thanks Mike. The inserted script is perfect.

I have another question regarding this website: I have a section “faq” with two diagonal margins: see https://gerlindemichel.osmosis.de/home-white/#faq
There is a background image in the section. The background image is not cut diagonally at the top: see screenshot: https://osmosis.de/support/gm/top.png
At the bottom margin, however, it works perfectly: https://osmosis.de/support/gm/bottom.png
What do I have to do so that the background image also appears in the diagonal section at the top margin?
Best regards Diana

Thanks for the help. Everything fits perfectly now!
And thanks for the implementation and the alternative tips. Really great support!

Hello Rikard,

I have temporarily removed the recommended script:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px !important;
}
>> But then a white bar appears at the top where the header is: see view now: https://emmerams-muehle.de/vcard_julian-kinner/
in comparison to the view before with the script mentioned above: see screenshot: https://emmerams-muehle.de/support/header.png

How can I remove this bar without using the aforementioned problematic script? The header should only not appear for this one page.

Best regards, Diana

Hi Ismael,

Yes sure, I first tried to set this via the default settings Advanced > Responsive > Element Visibility. The only problem is that the settings for the tablet landscape format (between 768px and 989px – e.g. tablet landscape format) do not work for the iPad in landscape format and the desktop version is still displayed here.
That’s why I added the additional CSS.
As I said, it is now also displayed correctly on the i-pad in landscape format for the test page https://elianafe.de/home-support/: but in order for it to be displayed, I also have to deactivate the option “Hide on large screens (wider than 990px – e.g.: desktop)” for the second image slider with the ID #tabletquer-header in the standard settings Advanced > Responsive > Element visibility.

And so it now works on the ipad-tablet landscape format, but not on the desktop PC: because here the image slider is now displayed 2x below each other, although I have defined in the CSS that the image slider with the ID #tabletquer-header should be hidden:
#top.page-id-9907 #tabletquer-header { display:none !important; }

Could you please help me so that it works correctly again on the desktop PC?
Best regards, Diana

Here is a link to the screenshot of the mobile view of the Press subpage: https://elianafe.de/support/flags-press.png

Thanks Mike, now I understood and could change it accordingly. Many greetings, Diana

Thank you Mike! Yes it works pertfectly now!
best regards, Diana

Dear support team, thank you very much for the help to display the images. I have now optimized the size a bit and the first preview is already quite good: http://repaireliana.elianafe.com/

2 things are not yet as they should be:
1. the linking: the entire image should work as a button as a link. Unfortunately this is not possible at the moment. If you move the mouse quickly over the image, no link is displayed at all. Only if you search longer with the mouse on the image and you reach the exact center of the image, the hand symbol appears at some point and the link is active. However, it should be the case that the entire image is active as a link. How can I achieve this?

2. a vertical line appears between the images. How can I remove this?

Thanks for your help
Many greetings, Diana