The Big Spring Sale! Up to 50% off!

Bad responsiveness

adidesignyt
4 Posts
adidesignyt posted this 13 August 2021
Ask a Question

Hi, background photos on mobile responsiveness are all blurred or missing.

www.apartments-petric.com

Hi, background photos on mobile responsiveness are all blurred or missing. www.apartments-petric.com

Last edited 13 August 2021 by adidesignyt

Vote to pay developers attention to this features or issue.
7 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 19 August 2021

Hello Adrian,

Please open the Nicepage folder where your project was saved by default, zip the files, and send it here.
The path to the Project folder you will find with your account - Preferences

preferences.png

We would need to check the settings from the project and the live page.
Thank you.
...................................................
Sincerely,
Anna T
Nicepage Support Team

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

Hello Adrian, Please open the Nicepage folder where your project was saved by default, zip the files, and send it here. The path to the Project folder you will find with your account - Preferences !preferences.png! We would need to check the settings from the project and the live page. Thank you. ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 19 August 2021 by Support Team

adidesignyt
4 Posts
adidesignyt posted this 18 August 2021

Inside the program, everything looks fine. I have done the responsiveness for the phone and it looks great in preview, but the final does not look like that.

In final as you can see, the photos are too big, not as I have scaled them properly.
I have also tried to check inside the css file the code, but not sure what should I do.

I have exported HTML and CSS files

Inside the program, everything looks fine. I have done the responsiveness for the phone and it looks great in preview, but the final does not look like that. In final as you can see, the photos are too big, not as I have scaled them properly. I have also tried to check inside the css file the code, but not sure what should I do. I have exported HTML and CSS files

Last edited 18 August 2021 by adidesignyt

Support Team
Support Team posted this 18 August 2021

Hello Adrian,

You can change the settings for your background images with your project using a desktop application, or the images are not as they were set with the project?
I cannot understand the issue.
All 3 background photos are there with a mobile mode.
The pictures are Cropped to the sheet size + shading effect + parallax for each background image. For the Shade effect, you can change the color of the shade if you want or not using at all.

croped-images.png

Please specify the issue with your background images, if there are differences with the project settings and with page after upload, please name them.

...................................................
Sincerely,
Anna T
Nicepage Support Team

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

Hello Adrian, You can change the settings for your background images with your project using a desktop application, or the images are not as they were set with the project? I cannot understand the issue. All 3 background photos are there with a mobile mode. The pictures are Cropped to the sheet size + shading effect + parallax for each background image. For the Shade effect, you can change the color of the shade if you want or not using at all. !croped-images.png! Please specify the issue with your background images, if there are differences with the project settings and with page after upload, please name them. ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
adidesignyt
4 Posts
adidesignyt posted this 18 August 2021

Please, have a look down.

Paralax photos that are normal size at web browser, are too big (blurred or missing on phone)
There are 3 of them.
1. Behind the Photos of apartments and pricing.
2. Behind the "Attractive destinations" - photos of beaches
3. Under the Instruction for coming to an Island (The last block before footer)

Thank you!

Please, have a look down. Paralax photos that are normal size at web browser, are too big (blurred or missing on phone) There are 3 of them. 1. Behind the Photos of apartments and pricing. 2. Behind the "Attractive destinations" - photos of beaches 3. Under the Instruction for coming to an Island (The last block before footer) Thank you!
Support Team
Support Team posted this 17 August 2021

Hello Adrian,

It takes some time for the background photo to be displayed, but the page with iPhone, Safari looks exactly like with the Windows browser Chrome, Firefox, Edge

photo-2021-08-17-3.jpg

Please specify what exact images are missing?

Please check once again the images that use a lot of valuable visitor traffic and take a long time to load. AVIF and WebP are image formats that have superior compression and quality characteristics compared to their older JPEG and PNG counterparts. Encoding your images in these formats rather than JPEG or PNG means that they will load faster and consume less cellular data.
...................................................
Sincerely,
Anna T
Nicepage Support Team

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

Hello Adrian, It takes some time for the background photo to be displayed, but the page with iPhone, Safari looks exactly like with the Windows browser Chrome, Firefox, Edge !photo-2021-08-17-3.jpg! Please specify what exact images are missing? Please check once again the images that use a lot of valuable visitor traffic and take a long time to load. AVIF and WebP are image formats that have superior compression and quality characteristics compared to their older JPEG and PNG counterparts. Encoding your images in these formats rather than JPEG or PNG means that they will load faster and consume less cellular data. ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
adidesignyt
4 Posts
adidesignyt posted this 16 August 2021

I am so sorry for mistake. I have provided the wrong domain it is .eu instead of .com.

www.apartments-petric.eu THIS one!

I am so sorry for mistake. I have provided the wrong domain it is .eu instead of .com. www.apartments-petric.eu THIS one!
Support Team
Support Team posted this 13 August 2021

Hello Adrian,

Please send here the screenshot of the page from your project with Nicepage desktop application so we could compare it.
Here is how your page is opened with iPhone, Safari

photo-2021-08-13.jpg

...................................................
Sincerely,
Anna T
Nicepage Support Team

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

Hello Adrian, Please send here the screenshot of the page from your project with Nicepage desktop application so we could compare it. Here is how your page is opened with iPhone, Safari !photo-2021-08-13.jpg! ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 13 August 2021 by Support Team

You must log in or register to leave comments