Docs

[Kamila L]

Hello,

I have a background image behind my video on the homepage. However the background parrallx effects arent reflected on the mobile version… the background isnt positioned correctly on the mobile version but looks great on the desktop version.

http://www.livewithintent.co

How do I fix this? Appreciate your help

Thanks,
K

[Lely]

Hello Kamila,

Please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

@media (max-width: 480px){
.home div#x-content-band-1 {
    background-attachment: initial;
    background-size: cover;
}
.home #x-content-band-1 hr.x-gap {
    margin: 3em 0 0 0 !important;
}
}

Hope this helps.

[Kamila L]

Hello,

Thanks for the above.

So i added the code above but I am still unable to view all the of the text on the background picture on mobile… (samsung galaxy 4) any other suggestions?

Thanks,
K

[John Ezra]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

@media (max-width:480px) {
    div#x-content-band-1 {
        background-position: 50% 0px;
    }
}

Hope this helps – thanks!

[Author]

Posts