Superfly background image

Hi Guys,

I’m trying to add a background image to a specific section of my superfly menu.

I have tried various different css in the global and superfly css sections but I can’t get anything to appear…

Any ideas?

Hello @NiallD1991,

We ca try adding the background image through CSS. I tried checking the site but there is a coming soon page active on the site.

Please provide us the access so that we can check it.

Thank you.

Hi Jade,

Sorry about that!

I have attached a secure note.

Hello Niall,

You can do something like this:

nav.sfm-nav {
    background-image: url(THE_URL_OF_THE_BACKGROUND_IMAGE);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

Then you can play with the background-size value.

Hope this helps you get started.

Thanks Jade, That worked great!

You’re welcome!
We’re glad @Jade were able to help you out.