FIxed image background

L A
23 Posts
L A posted this 27 May 2020
Wishlist

Hi,

I would like to add to the wish list a fixed image background option, not just parallax. I saw that it's possible to have a fixed-on-scroll image background in the "page" section, but it would be greatly appreciated if it would be possible in the block section as well.

Thank you very much in advance and keep up the great work! :)

Hi, I would like to add to the wish list a fixed image background option, not just parallax. I saw that it's possible to have a fixed-on-scroll image background in the "page" section, but it would be greatly appreciated if it would be possible in the block section as well. Thank you very much in advance and keep up the great work! :)
fixed-background fixed-on-scroll
Vote to pay developers attention to this features or issue.
4 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 27 May 2020

Hi Lina,

Thanks, your suggestion is added to our wishlist.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Lina, Thanks, your suggestion is added to our wishlist. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Sangdorn
71 Posts
Sangdorn posted this 13 January 2021

HI!

There is an option to make a fixed background. You have to add custom CSS and add just one line: background-attachment:fixed; .

There is one problem: on mobile devices, it doesn't look very well. :/

HI! There is an option to make a fixed background. You have to add custom CSS and add just one line: background-attachment:fixed; . There is one problem: on mobile devices, it doesn't look very well. :/
L A
23 Posts
L A posted this 13 January 2021

Oh fantastic, thanks for the tip! :) then maybe it's better to hide it on mobile devices. ( if there's a problem with something not looking good on a mobile device i usually hide that section from ipad and down and then make another section without that feature and hide that one on computer & laptop devices)

Oh fantastic, thanks for the tip! :) then maybe it's better to hide it on mobile devices. ( if there's a problem with something not looking good on a mobile device i usually hide that section from ipad and down and then make another section without that feature and hide that one on computer & laptop devices)
spencer.mc.ekroth
1 Posts
spencer.mc.ekroth posted this 08 May 2022

I solved it by adding a few more lines, it looked like this and it worked fine on mobile devices.
(background.css) with the content
body {

background: url(myphoto.jpg) no-repeat center center fixed;
background-attachment:fixed;
background-size: cover;
max-width: 100%;

}

I solved it by adding a few more lines, it looked like this and it worked fine on mobile devices. (background.css) with the content body { background: url(myphoto.jpg) no-repeat center center fixed; background-attachment:fixed; background-size: cover; max-width: 100%; }

Last edited 08 May 2022 by spencer.mc.ekroth

You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design