Supplement:

Tablet portrait format: I was able to solve the splitting and switching of the cells for the iPad in portrait format myself, but there is still a problem with the display: see screenshot: https://osmosis.de/support/gm/person/grid-row3.PNG

How can I ensure that the content box (white speech bubble) fills the entire width of the screen and the text remains positioned in it?

The problem with the view in TABLET landscape format (see previous post) still exists. I would also need your help with this.

Best regards, Diana

Translated with DeepL.com (free version)

Hello Mike,

first of all: shouldn’t it read like this in your script for the cell to be displayed (class: cell-dodisplay)?
@media only screen and (max-width: 1440px) {
.cell-dodisplay {
display: block!important; }
}

So if I have understood it correctly: I give the first 3 cells with 1/5 3/5 1/5 all the class cell-nodisplay > so that they are all hidden on mobile devices including the ipad landscape format. I duplicated the cell with the text and put it in a 1/1 cell and named it with the class class-dodisplay. see scrennshot: https://osmosis.de/support/gm/backend.jpg

I now have the following script in the CSS:

@media only screen and (max-width: 1440px) {
.cell-nodisplay {
display:none !important; }
.cell-dodisplay {
display: block!important; }
}

I cleared the cache on the ipad and still the same, wrong view appears as before: https://osmosis.de/support/gm/home/tablet-cell.jpeg
(in both views: tablet landscape and tablet portrait)

Where is the error? Can you help me further?
Best regards, Diana

Thank you for this hint and the screenshot. I have adjusted it according to your specifications, and it works PERFECTLY!!! Thank you :)

thank you for the script, yes now it works and the columns are the same. Thank you very much!

I have solved problem 1 – that it is also displayed in a single column on the ipad Hochfromat.

But problem 2 with the wide spacing still exists: Could you still help me with this?

Best regards, Diana

Hi Ismael
I apologize for the late reply.

And unfortunately NO, on my cell phone it is still displayed as on the screenshot: https://emmerams-muehle.de/support/email.png

I use an Android phone (Google Pixel 7)
Do you have any ideas?

Best regards Diana

Thank you very much. The script works perfectly!

Hello Nico,

PERFECT! Yes, now everything works as intended.
MANY THANKS!
Best regards, Diana

Super support! My request has been solved perfectly

That works perfectly. Thank you very much für your support!

Dear Support Team
by chance I was able to solve the problem with the download of the VCF file myself: with the help of the plugin “Enable virtual card upload – vcf,vcard”

But I now have another question regarding the page https://emmerams-muehle.de/vcard_julian-kinner/

On this page, I would like the header and logo to be completely hidden and no white field to be displayed. (On all other pages of the website, however, the header should be displayed, as at: https://emmerams-muehle.de/home-01/) I have now tried to solve this using the following CSS code:
.page-id-825 #header { display: none !important; }
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px !important;
}
I’m not sure about the second code (starting with “.html….”) because I didn’t manage to adapt the code so that it only fits the page with page-id-825. I am afraid that this code may also affect other pages and that the header will not be displayed correctly.

What do you think? Does the code fit? Or do you have to rewrite it so that it only points to the page with page-id-825? I would be very grateful for any feedback.
Best regards, Diana

Perfect. Thanks a lot.
Best regards, Diana

Now I could solve the problem myself!
All is well. Don’t need an answer any more.
Many greetings, Diana

Thanks Yigit. That works perfectly!
Best regards Diana

Dear Support Team,

no I do not have a redirection plugin installed. Just now I tried it again myself with the given login data. Everything works. Please try it again as well.
Many greetings, Diana