Blöcke in mobile view ausschalten

Ausblenden kannst du per

#block-block-deine-block-Nummer {
display: none;
}

Such mal mit Firebug nach der Block ID also der #, dein Beispiel ist nur eine Klasse, also . (Punkt).

Wenn du den Flexslider als Block angelegt hast, dann auch den kompletten Block ausblenden, eintragen in deiner mobile.css

Beachte aber, das es wirklich nur ausgeblendet ist, wichtige Infos sollte das nicht betreffen, da jeder User es per CSS wieder local ansehen könnte, zumindest die, die sich die Mühe machen wollen. Für Layout Geschichten kann man es aber gut benutzen.

Falls du deine CSS und JS Dateien in Drupal schon komprimiert hast, dann den Cache löschen, sonst siehst du die Änderungen nicht.

http://www.w3schools.com/css/css_display_visibility.asp

Grüße Jenna

In der mobile.css mußt du noch auf die Media Queries achten, sonst ist der Block ganz weg.

Beispiel nur ausblenden unter 768 px, etc.

Sind die Media Queries in deiner mobile.css schon eingetragen?

Hier ein Infolink, falls du dich einlesen möchtest
http://blog.kulturbanause.de/2011/04/websites-mit-css3-media-queries-fur...

Grüße Jenna

So könnte es aussehen

Super, das hat geklappt, danke euch;

das würde dann ja anderes herum auch klappen... ich platziere ein Bild, dass ich in der style.css ausblende und in der mobile.css nicht ausblende ... ?

Ich hab das Problem, dass ich einen recht breiten Banner habe auf dem eine wichtige Information steht. Auf mobilen Endgeräten verschwindet der Inhalt nach rechts raus ... der Banner ist ca. 800 Pixel breit; genau den Banner habe ich jetzt ausgeblendet und es schaut gut aus, aber ich habe die Information leider nicht mehr auf der Seite und der mobile Besucher sieht eigentlich nur noch den Text. Schön wäre, wenn ich hier für den mobilen Benutzer einen 300x250 großen Kasten anzeigen lassen könnte, der in der Desktopversion nicht zu sehen ist; funktioniert das so, wie ich mir das eingangs vorstelle, oder gibt es da noch eine andere Möglichkeit wie ... an Stelle von Block ID XY zeige bitte folgendes Bild ...?

und gleich noch eine weitere Frage in dem Zusammenhang: Wie kann ich denn einstellen, dass die Seite für Tablets ab einer bestimmten Größe die Desktopversion der Seite verwenden soll? Die Unterteilung in der mobile.css habe ich schon: @media only screen and (min-width: 995px) and (max-width: 1230px) kann ich das dort eintragen? und was ...? :)

Klar, das geht auch anders rum.
Den 300x250 Block kannst du ebenfalls in der mobile.css einbinden, nur hier mit der Anweisung ... über z.B. 980px auf display:none setzen.
Dann erscheint der Block automatisch in jeder Auflösung die unter 980 px liegt.

Du kannst nach dieser Anleitung für jede mobile Auflösung eine eigene CSS anlegen und die in der .info deines Themes eintragen:
http://www.unimitysolutions.com/blog/7-steps-building-responsive-theme-d...

Das kann allerdings schnell unübersichtlich werden, wenn viele Änderungen nötig sind mußt du immer mehrere CSS anfassen.

Der 2. Weg ist, alles in eine CSS schreiben und diese innerhalb mit Media Queries unterteilen.

Im Drupal Admin Bereich unter admin/config/development/performance solltest du die Komprierung der CSS und JS noch nicht aktivieren, das spart Cache leeren, du siehst deine Änderungen dann sofort, komprieren erst vor Onlinstellung wenn das Layout soweit steht.

Gönne dir etwas Zeit dabei, das Grundverständnis kommt nach ein paar Tagen durch ausprobieren.

Grüße Jenna

OK prima, dann weiss ich wie ich vorgehe, danke! :)