+ Antworten
Ergebnis 1 bis 8 von 8

Thema: Protostar responsive.

  1. #1
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    45
    Bedankte sich
    9
    1 Danksagung in 1 Beitrag

    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
    18.03.2009
    Ort
    bei Aachen
    Beiträge
    1.377
    Bedankte sich
    96
    Erhielt 539 Danksagungen
    in 511 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
    ↙ | website-bereinigung.de → Support-Chat

  3. #3
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    45
    Bedankte sich
    9
    1 Danksagung in 1 Beitrag

    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 14:21 Uhr) Grund: versuch verständlicher zu schreiben

  4. #4
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    45
    Bedankte sich
    9
    1 Danksagung in 1 Beitrag

    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
    45
    Bedankte sich
    9
    1 Danksagung in 1 Beitrag

    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
    45
    Bedankte sich
    9
    1 Danksagung in 1 Beitrag

    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
    45
    Bedankte sich
    9
    1 Danksagung in 1 Beitrag

    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

  8. #8
    Neu an Board
    Registriert seit
    20.06.2018
    Beiträge
    45
    Bedankte sich
    9
    1 Danksagung in 1 Beitrag

    Standard

    Wie Text unter Bild anschliessen statt daneben?
    <p class="span12"><img src......></p>
    Geändert von fliipper (05.12.2018 um 17:06 Uhr)

+ Antworten

Berechtigungen

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