Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 4, 2017 at 1:32 am #884485
    tweetgeeb

    Hi Enfold.

    As always love your theme, but need a little support on the burger menu.

    I have set full-page overlay menu with a transparent background using the following CSS.

    #mobile-advanced { background-color: rgba(255,255,255,0.7); }
    #mobile-advanced li { text-align: center; }

    However, the menu items seem to overlap one another – pls see screen grab.

    https://www.dropbox.com/s/srhbyah65so1jeu/LL-Mobile-Menu.png?dl=0

    Page http://www.labourline.com.au/labour-line-workforce-solutions

    Can you help?

    Thanks,

    December 4, 2017 at 12:10 pm #884604
    Rikard

    Hey tweetgeeb,

    Please try the following in Quick CSS under Enfold->General Styling:

    #av-burger-menu-ul li {
  padding:30px;
}

    Best regards,
    Rikard

    December 5, 2017 at 3:31 am #884906
    tweetgeeb

    Hi Richard,

    It didn’t work on the full page overlay, so I changed it to minimal with 50% fly out and then updated the padding as required.

    Choosing this option now removes the transparent background – How would I change the background colour to be #061f3d transparent and then menu color white instead of the default blue?

    I’ve never had any issues with the burger menu before – so wondering what you think may of caused the menu items to overlap?

    Thanks again!

    December 6, 2017 at 7:10 am #885388
    Rikard

    Hi,

    Please try this CSS instead:

    .av-burger-overlay-scroll {
    background: #061f3d !important;
}

#av-burger-menu-ul li .avia-menu-text {
    color:white !important;
}

    I’m not sure what could have happened, did you do any customisations to the site?

    Best regards,
    Rikard

    December 7, 2017 at 4:27 am #885889
    tweetgeeb

    Thanks Richard. Looks great – was just hoping to make the blue background transparent also.

    December 7, 2017 at 10:22 am #885997
    Rikard

    Hi,

    I’m not sure what you mean by that, do you mean that you want it semi transparent? If so then try this instead:

    .av-burger-overlay-scroll {
    background:rgba(255,255,255,0.5) !important;
}

    You can convert your hex colour to rgba with tools online.

    Best regards,
    Rikard

    December 7, 2017 at 11:22 am #886018
    tweetgeeb

    Thank you, that is perfect. Pls close the ticket.

    December 8, 2017 at 6:11 am #886367
    Rikard

    Hi,

    Great, glad we could help. Please open a new thread if you should have any further questions or problems, I’ll close this for now.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Burger Menu’ is closed to new replies.