Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 9, 2015 at 11:04 pm #550013
    andreasconstantin

    Servus Alle zusammen!

    Frage zum Themes ENFOLD

    ich möchte meinen Header anders anordnen. Weil, bei der Ipad-Ansicht sich die MEnuzeile in das Logo schiebt.
    von daher habe ich jetzt folgende Einstellung in Enfold Optionen -> Header
    header layout:
    menue position: Logo links, Menu Below — geht das Menü auch in der unteren Zeile rechtsbündig ?
    Wenn, welche Einstellung oder CSS Code wird benötigt?

    Beste Grüße nach Österreich!

    December 14, 2015 at 3:26 am #551893
    Ismael

    Hey Andreas!

    Thank you for using Enfold.

    Do you want the main menu to align to the right instead of left? Please add this in the Quick CSS field:

    .av-main-nav li {
    float: right;
}

    Best regards,
    Ismael

    December 14, 2015 at 5:16 am #551927
    mikeschumann

    I have configured enfold to “Logo Left, Menu Below”

    The suggested Quick CSS reverses the order of the menu items. How can I align the main menu to the right without reordering the menu items?

    December 14, 2015 at 3:05 pm #552313
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown {
    float: left;
}
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    width: auto;
}
.avia-menu.av-main-nav-wrap {
    float: right;
}

    Best regards,
    Yigit

    December 15, 2015 at 12:44 pm #552961
    andreasconstantin

    Hallo,
    habe den letzten Link eingegeben. soweit alles rechtsbündig, prima. Doch leider gibt es auf meinem Tablet einen Zeilenumbruch in der Menüzeile. die width: auto funktioniert nicht.

    .html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown {
    float: left;
    }
    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    width: auto;
    }
    .avia-menu.av-main-nav-wrap {
    float: right;
    }

    December 15, 2015 at 3:40 pm #553086
    Yigit

    Hey!

    Please refer to this post – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Regards,
    Yigit

    December 15, 2015 at 3:43 pm #553091
    andreasconstantin

    oh – noch was in der Tablet – Ansicht

    Tablet Querformat – Menu rechtsbündig, wie gewünscht und passt in die Zeile

    Tablet Hochformat – Menu linksbündig, wieder mit dem unschönen Zeilenumbruch

    December 15, 2015 at 3:45 pm #553093
    Yigit

    Hi!

    Did the code in the link i posted above help?
    If not, can you please post a screenshot and show the issues you are seeing?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    December 16, 2015 at 12:43 am #553351
    mikeschumann

    I added this code to the Quick CSS, which solved the problem:
    #top .main_menu .menu {float:right;; width: auto;}
    A lot less CSS code than what you suggested.

    Thanks

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header | Logo links – Menu below RIGHT’ is closed to new replies.