+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Protostar responsive.

  1. #1
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    9
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Protostar responsive.

    Liebe Community

    Fragen zu Protostar responsive. Eventuell folgen weitere Fragen.

    Befinden sich Module in der Sidebar, dann ist wird #content die Klasse span6 angehängt. Ohne Module span12.
    Soweit so klar.

    Zusätzlich wird bei einer Fensterbreite unter <750px dem #content die Klasse .visible-phone angehängt. Vermutlich JS.
    Wie passe ich diese Einstellung am elegantensten an?
    Ziel: .visible-phone ab <975px Fensterbreite

    Danke

  2. #2
    Hat hier eine Zweitwohnung Avatar von kitepascal
    Registriert seit
    19.03.2009
    Ort
    bei Aachen
    Beiträge
    1.357
    Bedankte sich
    93
    Erhielt 532 Danksagungen
    in 507 Beiträgen

    Standard

    Hi,

    Zusätzlich wird bei einer Fensterbreite unter <750px dem #content die Klasse .visible-phone angehängt. Vermutlich JS.
    Nicht dass ich wüsste..
    Hast du einen Link zur Seite?

    Gruß

    Pascal

  3. #3
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    9
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Leider nein. Die Page läuft zur Zeit lokal (OSX/MAMP).

    Inzwischen weiss ich es:
    - Die ID #content bekommt die Klasse span6, respektive span9 etc ohne Modul in der Sidebar.
    - Die Datei variables.less definiert die classe span6:
    @media (max-width: 979px) {.span6 {width:100%!important;}}

    Passt für mich.

    Nun den Hamburger beim Scrollen nach unten Schrumpfen und beim Scrollen nach oben grösser einblenden.
    Gibt es ein PlugIn dafür?

    Lg
    Geändert von fliipper (08.11.2018 um 15:21 Uhr) Grund: versuch verständlicher zu schreiben

  4. #4
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    9
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Frage zur Klasse .brand: Auf der responsive-Version möchte ich Name der Website ausgeblendet haben, nicht aber das Logo.
    Wie?

    Danke

  5. #5
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    9
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Antwort: Nicht zu weit suchen. In der index.php auskommentieren:
    <!-- <a class="brand" href="#"><?php echo $app->getCfg('sitename'); ?></a> -->

  6. #6
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    9
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Antwort auf Posting #3

    Der Hamburger ist aus 3 Elementen .icon-bar zusammengebaut. Vergrössert z.B.
    .icon-bar {height:4px!important;margin:6px!important;width:4 0px!important;}

    Wie schrumpfen beim Scrollen?
    Hierzu Recherchieren nach: jQuery to collapse the navbar on scroll

    Ich denke, damit ist auch anderen geholfen.

    Lg

  7. #7
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    9
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hilfe, die Klassen vor Augen zu haben:

    .visible-phone:after { content: "visible-phone"; }
    .visible-tablet:after { content: "visible-tablet"; }
    .visible-desktop:after { content: "visible-desktop"; }
    .position-1 { content: "position-1"; }
    ...


    Grüsse

+ Antworten

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein