Fly Out Nav / Hamburger Menu Background Image - Support | Kriesi.at

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
July 13, 2021 at 8:02 pm #1310030

samebluesky
Participant

Hello!
Is there a way to add a background image to the fly out navigation? I’m using the hamburger menu for both mobile and desktop. I have attached screenshot of the mock up I’m trying to achieve for the menu fly out.

Thank you!

https://techlystictdev.wpengine.com/wp-content/uploads/2021/07/Screen-Shot-2021-07-13-at-12.58.30-PM.png

July 15, 2021 at 11:15 am #1310236

Rikard
Keymaster

Hey samebluesky,

Thanks for the mockup. Could you post a link to the image which you are looking to use as well please?

Best regards,
Rikard

July 15, 2021 at 1:30 pm #1310283

samebluesky
Participant

Thanks Rikard!

Here is the background graphic:

https://techlystictdev.wpengine.com/wp-content/uploads/2021/07/backgroundnav.png

Appreciate the help,
Jill

July 16, 2021 at 10:14 am #1310366
Rikard
Keymaster
Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
```
.av-burger-overlay-scroll {
    background-image: url(https://techlystictdev.wpengine.com/wp-content/uploads/2021/07/backgroundnav.png);
    background-repeat: no-repeat;
    background-size: cover;
}
```
Best regards,
Rikard
July 20, 2021 at 4:43 pm #1310905

samebluesky
Participant

Hey Rikard!

I tried a bunch of the treads for adding the social icons to the fly out menu and I haven’t been able to get it to work. Do you have any ideas to help? You can see the mock up via the same image.

https://techlystictdev.wpengine.com/wp-content/uploads/2021/07/Screen-Shot-2021-07-13-at-12.58.30-PM.png

Thank you!

July 20, 2021 at 4:44 pm #1310906

samebluesky
Participant

And the background image worked perfectly! THANK YOU.

July 21, 2021 at 12:29 pm #1311117

Rikard
Keymaster

Hi,

Thanks for the update. Which solutions did you try? Did you try this one for example? https://kriesi.at/support/topic/adding-social-icons-to-enfold-burger-menu/

Best regards,
Rikard

July 21, 2021 at 5:06 pm #1311185

samebluesky
Participant

I tried that one and a few others. No luck so far.

Thanks,
Jill

July 23, 2021 at 3:41 am #1311676

Rikard
Keymaster

Hi,

Thanks for the update. I can’t see any social icons on your actual site, could you try to add some to see if that helps? The script only appends existing social media icons to the menu.

Make sure that the social icons are actually enabled in the Enfold > Header > Extra Elements panel.

Best regards,
Rikard
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.