Hallo,

ich habe einen Kalender über ein iframe eingebunden, dessen Monatsübersicht für die Dekstop-Bildschirmbreite super ist. Leider lässt er sich am Smartphone nicht verschieben, ist völlig abgeschnitten. Aus dem Grund habe ich den gleichen Kalender in einer Listenansicht für Smartphone-Screen-Breite ein zweites mal eingebunden. Nun will ich, dass je nach Bildschirmbreite des Users die entsprechende Ansicht gezeigt wird.

Hier ist mein Code, den ich im Head der (kleinen) Website eingefügt habe:

<style type="text/css">
@media (max-width:768px) {
 /*Kalenderübersicht Monat*/
 #cc-m-all-content-16681904596{display:none;}
 } 
@media (min-width:768px) {
  /*Kleinere tabellarische Übersicht des Kalenders*/
 #cc-m-all-content-16746400296{display:none;}
} 
</style>
 

Leider funktioniert es nicht. Es werden immer beide Kalenderansichten gezeigt, egal wie groß der Bildschirm ist.
Was mache ich falsch?
Der Link zur Site: www.eg-straubing.de.

Bin dankbar für eure Hilfe.
Gruß Rainer

Danke az_,

leider funktioniert es auch mit deinem Code nicht. Es werden im Browseraufruf immer beide Kalender gezeigt. Nur im Bearbeitungsmodus in Jimlo gelingt es, dass der "kleine" Kalender ausgeblendet ist. Muss ich evtl. noch was anderes einstellen, damit der Code angenommen wird?

Gruß Rainer

https://www.eg-straubing.de/veranstaltungen/

Hallo az_, vielen Dank. Jetzt funktioniert es nach einigem Probieren. Ich musste aber wieder meinen "alten" Code anwenden.

<style type="text/css">
/*<![CDATA[*/
        
        /*Kalenderübersicht Normal*/
         @media (max-width:767px) {
        #cc-m-16681904596 {
                display: none;
        }
         }
 
 
        /*Kalenderübersicht Mobil*/
        @media (min-width:768px) {
                #cc-m-16746400296 {
                        display: none;
                }
        }
 
/*]]>*/
</style>
 

Bedeutet das, dass für das gleiche Element die ID in der Entwicklungsumgebung von Jimdo eine andere ist als die in der User-Ansicht?
Falls du noch Geduld und Zeit hast, noch eine Frage: In der Mobil-Ansicht ist der Abstand des ausgeblendeten Kalenders recht groß. Um den zu verkleinern, müsste ich hier noch eine "matrix" ausblenden oder einen wrapper?