Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 6, 2015 at 10:02 pm #407311
    gearouthere

    Hello and thanks for constant support!
    We were wondering if it was possible to add a full-width, full-screen background image to our testimonials page https://aquaquestonline.com/testimonials/ here (without any slider at the top) and then have the content scroll with the background fixed. We tried applying the background-image CSS to body on this page but didn’t do the trick…

    Thanks,
    Gear Out Here

    March 7, 2015 at 11:20 pm #407572
    Elliott

    Hey gearouthere!

    You could use a color section element for this. You can set a background image to the color section and set it to fixed and then add the testimonials inside it.

    Cheers!
    Elliott

    March 9, 2015 at 6:57 pm #408359
    gearouthere

    Hi Elliott, thanks for your answer! your advice seems to work great on Firefox, but the background works funny in Chrome: it wants to scroll with the page and then breaks, have a look here: https://aquaquestonline.com/testimonials/ … am I doing something wrong or is there maybe another way to make the fixed background?

    Thanks,
    Gear Out Here

    March 10, 2015 at 9:38 am #408680
    Ismael

    Hi!

    Please try to disable the minify settings then test the page again.

    Cheers!
    Ismael

    March 12, 2015 at 6:42 pm #410642
    gearouthere

    Hi Ismael, hmm the issue still seems to persist when I turn off HTML , JS and CSS minification…

    Thanks,
    Gear Out Here

    March 13, 2015 at 6:39 pm #411199
    Elliott

    Hey!

    Try adding this to your custom CSS.

    
html #top #wrap_all { position: static; }
@media only screen and (max-width: 767px) {
#wrap_all { position: relative !important; }
}

    Regards,
    Elliott

    March 13, 2015 at 6:42 pm #411201
    gearouthere

    Hi Elliott, the image is still broken.. It looks like a browser-specific issue, works perfectly in Firefox, doesn’t work in Chrome..

    Thanks,
    Gear Out Here

    March 16, 2015 at 2:07 am #411788
    Andy

    Hey!

    I checked your website in Chrome and Firefox. Both look the same to me. Background image seems fine. Could you fix it? If not please clear browser cache and make sure to use newest browser version.

    Best regards,
    Andy

    March 16, 2015 at 7:00 pm #412432
    gearouthere

    Hi Andy, thank you, it’s working great now! thanks to you and Ismael for support!

    Gear Out Here

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full-width, full-screen background image on a particular page with content scrol’ is closed to new replies.