Restaurant theme- background doesnt adjust

Home Forums All Other Themes Restaurant theme- background doesnt adjust

This topic contains 16 replies, has 2 voices, and was last updated by  Mourad 3 days, 12 hours ago.

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #114397

    Mourad
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: March 15, 2016

    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

    #114444

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19841
    • Total: 19841
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Dave

    #114484

    Mourad
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: March 15, 2016
    #114488

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19841
    • Total: 19841
    Member since: August 16, 2013

    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

    #114572

    Mourad
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: March 15, 2016

    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

    #114689

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19841
    • Total: 19841
    Member since: August 16, 2013

    Hi,

    Do you mean the slider picture is cut off??

    Regards,
    Dave

    #114703

    Mourad
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: March 15, 2016

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

    #114737

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19841
    • Total: 19841
    Member since: August 16, 2013

    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

    #118312

    Mourad
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: March 15, 2016

    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

    #118402

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19841
    • Total: 19841
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues??

    Regards,
    Dave

    #118640

    Mourad
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: March 15, 2016

    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.

    #118793

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19841
    • Total: 19841
    Member since: August 16, 2013

    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

    #119116

    Mourad
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: March 15, 2016

    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

    #119173

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19841
    • Total: 19841
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #119543

    Mourad
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: March 15, 2016

    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

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.