Restaurant theme- background doesnt adjust

[Mourad]

Hi there,
my site looks good on my desktop and also if I simulate Iad or mobile there, but on the devices themselves the background picture doesn´t adjust. Any ideas what to try?
Best
Mourad

[Sonl Sinha]

Hi,

Kindly show us your website URL?

Regards,
Dave

[Mourad]

Hi Dave it is www.blue-label-berlin.de

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Mourad]

Hi Dave, what do you need a screenshot for? It feels a bit anoying to log into a platform I don´t want to be a member of to just give my detaisl to them in order for your support. If you reall need pictures, can you please send me an E-Mail I can reply to and attach the pictures.

The problem is easy to describe without screenshots.

Desktop- full background picture.
Ipad- background picture is cut off.
Mobile- No background picture.

Please try it on your own device then you can see and get to come up with a solution fast.

Best wishes
Mourad

[Sonl Sinha]

Hi,

Do you mean the slider picture is cut off??

Regards,
Dave

[Mourad]

Hi Dave,
no I mean the background picture. The Picture that appears below the slider in the background when scrolling down.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:1024px){
body.custom-background { background-size:80%;}
}

Regards,
Dave

[Mourad]

Hi Dave,
thank you for the code.
I copied in the Custom Css section. WP doesnt save it and tries to download something in a new window, that is all. So this does not seem to work.
Any other solution?

Best wishes
Mourad

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues??

Regards,
Dave

[Mourad]

Hi Dave,
Here are the links:
https://imgur.com/ora39hx The code you sent me
https://imgur.com/3lWIoak The Picture as it shows on mobile devices
https://imgur.com/9x8gn0K The picture in Original on the WP Site
https://imgur.com/37kjVvb The code added to the custom Css field
The picture does not adjust on mobile devices.

[Sonl Sinha]

Hi,

Kindly use this one

@media screen and (max-width:479px) {
body.custom-background { background-position: 58% center !important; background-size: 210% auto !important;}
}

Regards,
Dave

[Mourad]

Hi Dave, I entered the code in the Custom CSS Section of the theme. No change on a tablet, on a mobile now there is no Background picture at all…
Best wishes
Mourad

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? After using our CSS code.

Regards,
Dave

[Mourad]

Hi Dave,
please find the link attached.
https://imgur.com/YXOx6VC that is on a mobile. Tablet remained the same as before.
I think it would speed things up, if you could check it yourself on your mobile-assuming that you do have access to one the url is: blue-label-berlin.de

Best wishes
Mourad

[Author]

Posts