Tagged: , , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 18, 2016 at 2:05 pm #688113
    WEBIGAMI

    Hi Team,

    I’d like to know how to change the new hamburger’s overlay background color and the menu item’s colors (and overlays). Now it’s black background and white text:

    The Draft I’m talking about

    Thanks and cheers,
    Jan :)

    September 18, 2016 at 2:25 pm #688116
    Basilis

    Hey Jan,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    September 18, 2016 at 2:26 pm #688118
    WEBIGAMI

    Hey Basilis,

    thanks for your answer. There no way yet doing that with quick css? :(

    Cheers,
    Jan

    September 18, 2016 at 6:17 pm #688162
    Guenni007

    Try this here:

    .av-burger-overlay-inner, .av-burger-overlay-bg {
    background: #fff url("/wp-content/uploads/2015/07/laptop-white.jpg") no-repeat scroll 0 0;
}

.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #000 !important;
}

#av-burger-menu-ul li a {
    color: #000 !important;
}

    you see that a background-image is possible too !

    Result see here: Link

    September 19, 2016 at 9:49 am #688379
    Rikard

    Hi @WEBIGAMI,

    Did you try out @Guenni007’s suggestion and did you have any luck with it?

    Regards,
    Rikard

    September 19, 2016 at 12:11 pm #688418
    WEBIGAMI

    Hi Günni,

    do you speak German? Sprichst du zufällig deutsch? 1.000 Dank! Das ist ja großartig. Es funktioniert perfekt :)))

    Wie hast du es geschafft, das neue Menu auch als mobile Menu anzulegen? Ich finde den Übergang wenig elegant vom neuen Burger zum alten Burger auf mobile.

    Danke nochmal,
    Jan :)

    PS: @Rikard Yes, it worked perfectly! Thank you

    September 19, 2016 at 12:59 pm #688434
    Guenni007

    da gab es einen anderen Thread hier mit der Frage – wart mal schaue gerade wo der ist:

    https://kriesi.at/support/topic/menu-style-the-burger-icon-menu/#post-685580

    je nach Logo Seitenverhältnis muss man das natürlich noch optimieren. Und die Werte dann entsprechend ändern

    September 19, 2016 at 1:15 pm #688440
    Yigit

    Hey!


    @guenni007     Thanks for your help!

    @jansthh     Glad Guenni007 could help! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

    September 19, 2016 at 5:08 pm #688623
    WEBIGAMI

    @guenni007 : Dank dir!! Du bist ja echt gut am Start, was Enfold angeht. Großartig! Sharing is caring :

    One more thing on this website: I deactivated the logo on the frontpage. now, the (classic) burger icon is being cut on iPhone and ipad in portrait mode. Can I add some padding there? I tried some codes but couldn’t figure it out.

    cut mobile menu

    Thank you!!

    Jan :)

    September 19, 2016 at 5:29 pm #688633
    Guenni007

    schau mal ob das reicht:

    #advanced_menu_toggle {
    right: 10px;
    top: 60px;
}

#advanced_menu_hide {
    border: 2px solid #ecc544;
    right: 60px;
    top: 60px;
}

    warum da plötzlich Prozentangaben waren weiss ich nicht

    wenn du es natürlich nur unterhalb einer gewissen Screenbreite willst musst du noch media querries hier setzen.

    
@media only screen and (max-width: 768px) {
#advanced_menu_toggle {
    right: 10px;
    top: 60px;
}

#advanced_menu_hide {
    border: 2px solid #ecc544;
    right: 60px;
    top: 60px;
}
}
    • This reply was modified 8 years, 2 months ago by Guenni007.
    September 20, 2016 at 12:13 pm #689097
    Guenni007

    and – by the way for those fine lines of that logo – try to use svg instead.
    http://webers-testseite.de/elegant/beispiel-seite/

    just drag&drop the svg to your desktop.

    The only thing you have to think of is to setup for the svg a width and height otherwise it is set to 1px/1px

    September 20, 2016 at 1:25 pm #689162
    Yigit

    Hi,

    Thanks for your help @Guenni007!
    What is the current situation of this thread Jan? Do you need further assistance or solved already? :)

    Best regards,
    Yigit

    September 20, 2016 at 9:31 pm #689549
    WEBIGAMI

    Hey Yigit,

    yes, this was awesome form Guenni! I’m fine here, thanks :)

    Could you please take a final look at my other problem in the other thread, please? I would very much appreciate it!!

    Big Header on iPad and shrinking header

    Thank you,
    Jan

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Hamburger Menu Color Enfold 3.8’ is closed to new replies.