+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: JA_Purity: Top-Menü anders positionieren

  1. #1
    War schon öfter hier Avatar von PannaCotta
    Registriert seit
    09.09.2008
    Beiträge
    177
    Bedankte sich
    54
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard JA_Purity: Top-Menü anders positionieren

    Liebe Gemeinde,

    ich möchte im Template JA_Purity das Top-Menü anders ausrichten. Im Moment liegen alle Menüpunkte mit einem kleinen Abstand zum Rand links ausgerichtet. Ich möchte das andersherum haben und sie mit kleinem Abstand am rechten Rand ausrichten.

    Meiner Meinung nach müsste ich die sodsmenu.css ändern, an folgender Stelle ungefähr...

    #ja-mainnav li { /* all list items */
    float: left;
    margin: 0;
    padding: 0;
    }
    Aber was?
    Habt Erbarmen mit dem technischen Verständnis der Autorin!

  2. #2
    ronny7362
    Gast

    Standard

    #ja-mainnav > ul {ja-sosdmenu.css (line 80)
    background-color:#444444;
    float:right; extra eingeben
    padding-left:20px;

    gruss ronny

  3. Erhielt Danksagungen von:


  4. #3
    War schon öfter hier Avatar von PannaCotta
    Registriert seit
    09.09.2008
    Beiträge
    177
    Bedankte sich
    54
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    Ha!
    Super!

    Ich habe es oben verkürzt.
    float: left
    musste in float:right
    geändert werden.

    Kusshändchen werf!
    Habt Erbarmen mit dem technischen Verständnis der Autorin!

  5. #4
    Neu an Board
    Registriert seit
    10.08.2015
    Beiträge
    18
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hallo liebes Forum,

    zu diesem Thema habe ich ein Problem. Ich hoffe ihr könnt mir helfen.
    Das Main Menü wurde durch float: left; linksbündig ausgerichtet. Nun habe ich aber einen Header oberhalb des Top-Menüs hinzugefügt und schon springen die Menüeinträge an den rechten Rand. Ich bekomme das Menü nicht mehr linksbündig ausgerichtet.

    Habt ihr eine Lösungsidee?

    Viele Grüße
    Rafael

  6. #5
    Neu an Board
    Registriert seit
    10.08.2015
    Beiträge
    18
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    P.S.: es handelt sich um die Seite www.sk-Wickede.de.

  7. #6
    Neu an Board
    Registriert seit
    10.08.2015
    Beiträge
    18
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Gibt es dafür Vorschläge? Ich würde mich sehr freuen...

  8. #7
    Gute Seele des Boards Avatar von NinjaTurtle
    Registriert seit
    24.11.2012
    Ort
    Willich
    Alter
    51
    Beiträge
    15.517
    Bedankte sich
    541
    Erhielt 4.009 Danksagungen
    in 3.837 Beiträgen

    Standard

    /templates/jp-hifi/css/joomlaplates.css Zeile 99

    auf left ändern

    .menu-inner {
    float: right;
    margin-right: 40px;
    }


    Warum keiner antwortet: Du schreibst in einem 7 Jahre alten Thread

    Eigene Frage = eigener Thread

    Webseiten inkl. Hosting, Domain, laufende Betreuung und Updates

    Web Monkey Design®

    Tipps & Tricks - JPlugger


  9. #8
    Hat hier eine Zweitwohnung Avatar von ronron
    Registriert seit
    13.12.2013
    Ort
    London SEN
    Alter
    55
    Beiträge
    1.087
    Bedankte sich
    27
    Erhielt 308 Danksagungen
    in 278 Beiträgen

    Standard

    und nicht nur das, was hat das mit einem purity thread zu tun?
    deine Seite basiert auf dem warp framework

  10. #9
    Neu an Board
    Registriert seit
    10.08.2015
    Beiträge
    18
    Bedankte sich
    2
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Vielen Dank für den Tipp.
    Das Problem ist aber, dass sich dann auch die drei Icons nach links anbinden. Sie bilden aber ein eigenes Menü-Modul und sollen am rechten Rand fixiert werden. Hierfür finde ich aber die richtige Lösung nicht.

  11. #10
    Gute Seele des Boards Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    59
    Beiträge
    18.456
    Bedankte sich
    699
    Erhielt 3.780 Danksagungen
    in 3.544 Beiträgen

    Standard

    Füge das in der oben erwähnten CSS-Datei am Ende hinzu:

    Code:
    .menu-inner .uk-navbar-nav:nth-child(3) {
    float:right;
    }
    .menu-inner .uk-navbar-nav:nth-child(1) {
    float:left;
    }
    Eventuell - sollte es nicht tun, was es soll - füge am Ende der beiden flaots ein "!important" hinzu. Also:
    Code:
    .menu-inner .uk-navbar-nav:nth-child(3) {
    float:right !important;
    }
    .menu-inner .uk-navbar-nav:nth-child(1) {
    float:left !important;
    }
    Versuch aber erst die erste Variante!


    Axel
    Schulungen, Webentwicklung: time4mambo
    Joomla- und Office-Tutorials: time4joomla
    Deutschsprachige SEBLOD-Community
    Kein Support per PM!

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Lesezeichen

Berechtigungen

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