Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 27, 2019 at 8:57 pm #1083791
    zmitzie

    Hi,

    Can you please help me fix the background color of the header in the burger menu when visited from a mobile device? I have also set up the transparency option (for desktop) when I scroll down the page. By default the links in the menu are white, the header bar/logo area is transparent, and when I scroll down it becomes white, and the menu links are grey.

    I’m also attaching a screenshot: https://i.imgur.com/4sGIvyL.jpg
    Envato version 4.5.4

    Thanks for any help

    • This topic was modified 5 years, 8 months ago by zmitzie.
    March 29, 2019 at 10:40 am #1084513
    zmitzie

    bump

    March 30, 2019 at 7:21 pm #1084948
    Basilis

    Hi,

    Have you done any changes on the CSS?

    Best regards,
    Basilis

    March 30, 2019 at 7:26 pm #1084951
    zmitzie

    No, but I’ve set some values in Advanced Styling, and I’ve also made changes in the General Styling in some colours. Would you like to know what these are? Should I change something specific?

    Thanks,

    March 31, 2019 at 2:33 pm #1085080
    Nikko

    Hi zmitzie,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #top #wrap_all .av-burger-overlay-scroll {
    background-color: rgba(0,0,0,0.9);
  }
}

    just change the background color as you see fit :)

    Best regards,
    Nikko

    March 31, 2019 at 4:01 pm #1085101
    zmitzie

    It’s perfect, thanks a lot!

    April 1, 2019 at 1:44 am #1085233
    Nikko

    Hi zmitzie,

    We’re glad to help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Background color in mobile burger menu in header is messed up’ is closed to new replies.