Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 2, 2017 at 2:27 pm #833476
    Grafischinvorm

    Goodday enfold staff,
    Is there a way to change the hamburger image or change the background of it like this website: https://www.ara.nl/nl
    I would like to have a black square behind the icon

    thank you

    August 2, 2017 at 2:30 pm #833479
    Yigit

    Hey Grafischinvorm,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av-burger-menu-main a {
    background-color: black!important;
    padding: 5px!important;
}

    If that does not help, please post a link to your website

    Best regards,
    Yigit

    August 2, 2017 at 3:21 pm #833516
    Grafischinvorm

    Hi Yigit,
    Thank you for your fast reply,

    Your code almost works but its not doing what i want. This is what it looks like : https://www.photobox.co.uk/my/photo/full?photo_id=21749666950

    What i realy want is just a square just like the example i send you :https://www.ara.nl/nl

    I can not send you a link to my website because its running om my computer as localhost

    Thank you

    August 2, 2017 at 4:22 pm #833538
    Yigit

    Hi,

    Your link just takes me to https://www.photobox.co.uk/. Can you please try uploading your screenshots on imgur.com or Dropbox public folder and post the links here?

    Best regards,
    Yigit

    August 2, 2017 at 4:28 pm #833540
    Grafischinvorm

    Hi, Sorry, my bad.
    This is how it looks right now : http://imgur.com/a/vQkyS
    And this is what i want : http://imgur.com/a/FgTdY

    thank you

    August 2, 2017 at 5:03 pm #833561
    Yigit

    Hi!

    Please try using the code as following 

    .av-burger-menu-main a {
    background-color: black!important;
    padding: 0 5px!important;
    height: 45px!important;
    line-height: 45px!important;
    top: 20px;
}

    You may need to adjust the values.

    Regards,
    Yigit

    August 7, 2017 at 10:26 am #835288
    Grafischinvorm

    Hi Sorry for my late response,
    i tried your code but that is not exactly what i want.
    it has to be more like this :http://imgur.com/a/SrnFG

    Thank you.

    August 8, 2017 at 6:16 am #835689
    Rikard

    Hi,

    I’m not sure if I’m missing something here, but your mobile menu look like this screenshot when I load it on my end. What are you seeing on your end and in what browser?

    Did you clear your browser cache and reload the page?

    Best regards,
    Rikard

    August 8, 2017 at 10:42 am #835768
    Grafischinvorm

    hi,
    im using google chrome and i did clear my cache.
    but what the problem is that the hamburger icon is stuck to the top. There has to be space between the top and the hamburger.

    View post on imgur.com

    thank you

    August 9, 2017 at 7:04 am #836174
    Rikard

    Hi,

    Ok, thanks for the feedback. Could you post a link to your site so that we can have a closer look please? I’m guessing the site in private is just an example, right?

    Best regards,
    Rikard

    August 9, 2017 at 9:54 am #836257
    Grafischinvorm

    Hi,
    I fixed it myself (actually my grilfriend) she edited the code in the console in google chrome.
    this is what i looks like now: http://imgur.com/a/Y9nPZ

    she used this code to edit the hamburger:

    .html_burger_menu .av-burger-menu-main {
    top: 33px!important;

    }

    Thanks anyway for the support.

    August 9, 2017 at 12:19 pm #836326
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to change desktop Hamburger menu icon’ is closed to new replies.