Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 2, 2018 at 12:50 pm #892459
    mirr

    Hi,
    I can not get the logo to show up in the mobile menu. I would like the logo at the top of the mobile menu.
    Can’t be that hard but I can not find how to do it anywhere.

    Thanks!

    January 3, 2018 at 1:11 pm #892803
    Victoria

    Hey mirr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
	.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
	    z-index: 999;
	}
	.html_av-overlay-side .av-burger-overlay-scroll {
	    width: 95%;
	}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 3, 2018 at 1:22 pm #892807
    mirr

    Hey Victoria,

    Thank you for your answer. Unfortunately it doesn’t work, both ways nothing happens..
    Hope you can help me out, thank you in advance

    January 4, 2018 at 11:47 pm #893478
    Basilis

    Hi,

    What you can do, is simple add the logo on the menu :)

    How to add images to your WordPress navigation menu

    And then, the menu item that has your logo, add a class that hides it on desktop and it is visible on mobile only.

    That is the easiest way to make it work, with not tons of hacks.

    Best regards,
    Basilis

    July 4, 2019 at 10:55 am #1115706
    mikehenze

    For anyone who is trying to accomplish this:

    #av-burger-menu-ul:before {
    content: “”;
    background-image: url(http://www.yoururl.com/logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 300px;
    height: 56px;
    display: inline-block;
    padding-bottom: 20px;
    }

    July 4, 2019 at 9:00 pm #1115908
    Victoria

    Hi mikehenze,

    Thank you for sharing! :)

    Best regards,
    Victoria

    November 5, 2019 at 11:36 am #1153952
    HolgerBehrend

    Theme Enfold Multi,
    Url: dev.deufol-dev.de

    Hi Team, for my theme this both solution doesn’t work.
    I want to show the logo on mobile hamburger menu on the left from search.

    please be so kind en tell me the solution. ist there anay way to make the Hamburger menu transparent on top?
    It seems that is transparent on search position.

    Hallo Team, für mein Theme funktionieren beide Lösungen nicht.
    Ich möchte gerne das Logo im Mobile Hamburger menü links neben dem Search anzeigen lassen.
    Gibt es eine Möglichkeit, diesen Bereich transparent zu halte so das das Logo der Website hindurchscheint?

    Very best Regards to best Theme and the best Support of the World
    Holger

    November 5, 2019 at 12:10 pm #1153966
    HolgerBehrend

    Hi Team, ich habe hier eine funktionierende Lösung gefunden: Vielleicht könnt Ihr die auch verwenden.
    Folgenden Css habe ich in den Customizer -> Zusätzliches CSS eingepflegt: Änderung -> “z-index”
    .responsive .logo a {
    display: table-cell;
    vertical-align: middle;
    z-index: 999999!important;
    }
    Dieser Edit setzt das Logo im responsiven Modus der Website ganz nach vorne.
    Dadurch wird das Logo der Website nun ordnungsgemäß auch im Burger Menu angezeigt.
    Vorteil: Durch das setzten des Z-indexe werden alle anderen responsiven CSS-Werte nicht berührt und somit hat man eine geringe Fehlerquelle zu evtl. Css- Abhängigkeiten.

    Hi Team, I found a working solution here:Maybe you can use it too.
    Following css I have entered into the Customizer -> Additional CSS: Change -> “z-index”
    .responsive .logo a {
         display: table-cell;
         vertical-align: middle;
         z-index: 999999! important;
       }
    This edit sets the logo to the front in the responsive mode of the website.
    As a result, the logo of the website is now properly displayed in the burger menu.
    Advantage: By setting the Z index, all other responsive CSS values are not affected and thus one has a small source of error for possible Css dependencies.

    Best Reagrds to the best Theme ever and to the best Support of the World

    Holger

    November 9, 2019 at 8:56 pm #1155241
    Mike

    Hi,
    Sorry for the late reply and thanks for sharing your solution.
    Shall we close this then?

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.