Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 18, 2017 at 1:31 pm #823267
    Tobiy

    Hi there,

    i like the new option of the hamburger menu.

    How can i add my logo to this menu above the menu items?

    I want to use the hamburger menu on the left side and it does not look nice if the logo is set to the right.

    Thank you.

    July 18, 2017 at 1:43 pm #823277
    Yigit

    Hey Tobiy,

    Can you please post a link to your website and a screenshot showing the changes you would like to make? You can upload your screenshots on http://imgur.com or Dropbox public folder and post the links here :)

    Best regards,
    Yigit

    July 18, 2017 at 2:11 pm #823294
    Tobiy

    Attached you find a sample…

    July 18, 2017 at 2:22 pm #823302
    Yigit

    Hi,

    Can you please create temporary admin logins and post them here privately? Your site is currently on maintenance mode

    Best regards,
    Yigit

    July 18, 2017 at 2:33 pm #823307
    Tobiy

    sure.

    July 19, 2017 at 2:40 am #823591
    Yigit

    Hi,

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    Best regards,
    Yigit

    July 19, 2017 at 11:35 am #823866
    Tobiy

    Amazing. Thank you so much Yigit!!! :-)

    Next Questions:

    1. How can i add a background image? Alternatively the Background color?
    2. How can i add the search icon and field?
    3. the hamburger menu is located on the right. One Click on it and the menu opens right sided.
    How can i position the icon on the left side? And how can i achieve that the menu opens left sided too?

    Sorry, that there are so many questions, but i want to use only Enfold which is – for me – state of the art.

    • This reply was modified 7 years, 5 months ago by Tobiy.
    July 19, 2017 at 5:02 pm #824069
    Yigit

    Hi,

    1- Please add following code to Quick CSS and adjust as needed

    .html_av-overlay-side #top .av-burger-overlay-scroll {
    background: orange;
}

    2- There is a search icon on your mobile menu :) Should we skip this one?
    3- I added following code to Quick CSS

    
@media only screen and (max-width: 989px) {
.responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll, .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    left: 0;
    right: auto;
}
.html_av-overlay-side .av-burger-overlay-scroll {
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
}}

    Best regards,
    Yigit

    July 19, 2017 at 9:34 pm #824170
    Tobiy

    Thank you thank you thank you!

    Really. Last question: The mobile logo is on the left side too – how can i change it to the right side?

    July 19, 2017 at 10:18 pm #824204
    Yigit

    Hey!

    I adjusted the code you added to set custom background image to logo link in Quick CSS field. Please review your website :)

    Best regards,
    Yigit

    July 20, 2017 at 9:38 am #824451
    Tobiy

    How amazing you are. Thank you! It works great!

    July 20, 2017 at 12:38 pm #824529
    Sarah

    Hi Tobiy!

    We’re glad that Yigit was able to help you! :D Please don’t hesitate to open a new topic if you have other questions.

    Thank you for using Enfold!

    Best regards,
    Sarah

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘logo to the new hamburger menu’ is closed to new replies.