Archived topic

Insert background image inside Mobile slideout menu

5 replies · Started by Samuel on March 25, 2021

Viewing posts 1–6 of 6

March 25, 2021 at 8:32 am #1709656

hi,

I'm trying to add a background image inside the mobile slide out menu but it's not working...

Here the CSS I'm using :

#generate-slideout-menu {
    background-image: url("/wp-content/uploads/2021/03/Logo-filigrane.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 50%;
}

What could I do better ?
Thanks for your help

March 25, 2021 at 8:55 am #1709706

Hi there,

i wouldn't use background-attacment: fixed for mobile as iOS devices don't like that.

If thats not the issue the can you share a link to where i can see the issue?

March 25, 2021 at 9:55 am #1709774

Hi David,

You'll find link in Private Information.

March 25, 2021 at 1:29 pm #1709979

So i can see the background on desktop responsive views.
On iPhone i cannot and that is because of the background-attachment: fixed; property.
Most mobile browsers don't support fixed background images, and iOS devices mess them up entirely by scaling them up to a huge size.

Remove that property and you should see the image.

March 26, 2021 at 9:27 am #1711049

Thanks a lot David that was it.

March 26, 2021 at 1:32 pm #1711257

You're welcome

This archived topic is closed to new replies.

Start building better websites today.