badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

background doesn't scale

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #18220
    go
    Participant

    Hi,
    The background of the site I made doesn’t scale properly on a small computerscreen.
    On a big screen (17-21 inch) it looks fine.
    How can I solve this so the whole word (haptotherapie) and the whole image can also be read/seen fully on a smaller screen?
    It’s also not possible to scroll, you can only see the upper part of the background.
    The website is http://www.weijkekoopmans.nl
    Please help me,
    greetz, h

    #18266
    go
    Participant

    Hello anybody there?
    The background of the website I made doesn’t scale or scroll on a 13 inch computer/laptop screen.
    On an Ipad it’s working fine. Is there a problem with the responsiveness of the background of the Attitude pro theme? Please let me know.
    gr, h

    #18299

    Hi Go,

    Sorry for the late reply.
    The Background image that you have set is not possible to view on smaller device. If we show it then your site wrapper will have to make more smaller which is not a good idea.

    Thank you!

    #18304
    go
    Participant

    Hi,
    It hasn’t nothing to do with the scale of the device.
    On an Ipad(mini) screen the site works fine and the background image can be seen totally when you scroll.
    It’s only on an 17/15 inch computerscreen that the background image freezes, you can only see the upper part and you can’t see the rest of it when you scroll down, which is very strange indeed. Only the middle part where the blog is moves.
    I think it is a problem with the responsiveness of the attitude theme.
    Otherwise, please advice me how (big) I should use the background image? Or what kind of background image I should use so that it can be seen on an 15/17 inch screen (which is a very normal size, and bigger then an Ipad, where it can be seeen and scrolled).
    I hope to hear from you soon,
    greetings,
    go

    #18697

    Hi,

    Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    @media only screen and (max-width: 767px) {
    body.custom-background {
    background-size: 200px auto;
    }
    }

    Hope this will solve your issue.

    Thank you!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.