Auflösung für mobiles Design änderbar?

  • Kann ich beeinflussen, ab welcher Auflösung der Stil ins mobile Design umschaltet? Ich möchte dadurch verhindern, dass sich das Banner mit dem Userpanel ins Gehege kommt, wenn die Auflösung des Browsers zu klein wird.


    Oder gibt es dafür auch einen anderen Weg, damit die beiden Objekte sich bei zu geringer Auflösung nicht überlagern?

    • Teambeitrag

    Du kannst das so steuern:


    https://css-tricks.com/css-media-queries/


    Damit legst du zum Beispiel zwischen dem mobilen Design und einer Breite von 1200px eine eigene Logogröße fest:

    CSS
    @media all and (max-width: 1200px) and (min-width: 1025px) {
    
    
    	#pageHeaderLogo .pageHeaderLogoLarge {
    		width: 200px !important;
    		height: 50px !important;
    	}
    
    
    }

    Deine Anfrage wurde nicht beantwortet? Dann bitte einfach noch mal kurz im Thema nachfragen.


    Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum :eyes: