-
AuthorPosts
-
February 24, 2024 at 9:52 am #1435278
Dear Support Team,
On the website https://gerlindemichel.osmosis.de/, below the Enter section, there is a section with three adjacent cells, with the text placed in the middle cell: see screenshot:https://osmosis.de/support/gm/home/cell-nodisplay1.jpg
In the mobile version, the outer two small cells (1/5) should be hidden. This works very well on a cell phone.
Only on the tablet portrait format and landscape format it does not work. I have therefore given these small cells that are to be hidden an ID #cell-nodisplay
and then inserted the following script in the CSS:@media only screen and (max-width: 1440px) {
#cell-nodisplay {
display:none !important; }}But unfortunately it does not work
What do I have to change so that these cells are terminated and the mobile version of the text of the middle cells is displayed across the entire width of the screen?Best regards, Diana
February 24, 2024 at 11:10 pm #1435326Hey Diana,
Thanks for the screenshot, but when I check your 1/5 elements I don’t find your custom class cell-nodisplay, I believe that it didn’t work because your css was for an ID and not a class, try this:@media only screen and (max-width: 1440px) { .cell-nodisplay { display:none !important; } }
Best regards,
MikeFebruary 25, 2024 at 9:59 am #1435351Hello 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.jpegWhat else can I do?
Best regards, DianaFebruary 25, 2024 at 2:10 pm #1435355Hi,
Thanks for the feedback, I checked your page again and the two 1/5 column are hidden the reason you text column is not full width is because it is a 3/5 column, so I recommend adding the class cell-nodisplay to your text column and add another full width column with the class cell-dodisplay and try this css:@media only screen and (min-width: 1440px) { .cell-dodisplay { display:none !important; } }
Best regards,
MikeFebruary 27, 2024 at 7:40 am #1435533Hello 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, DianaFebruary 27, 2024 at 7:50 am #1435535sorry Mike
I just tested it again: IT WORKS!!!
My problem has been solvedTHANK YOU for your SUPPORT!
February 27, 2024 at 11:32 am #1435573Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Hide cell on Tablet versio’ is closed to new replies.