The Big Spring Sale! Up to 50% off!

Changing Image for desktop and mobile

vermau
10 Posts
vermau posted this 09 September 2021
Ask a Question

Hi,

I have designed two different images ( one for desktop and one for mobile ). How can I use different hero image for desktop and different hero image for mobile. I know that this can be achieved through coding using @media queries, but how to achieve this in Nicepage ??

Thanks,
Ujjwal

Hi, I have designed two different images ( one for desktop and one for mobile ). How can I use different hero image for desktop and different hero image for mobile. I know that this can be achieved through coding using @media queries, but how to achieve this in Nicepage ?? Thanks, Ujjwal
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 13 September 2021

Hello Ujjwal,

So I have to create a duplicate block for mobile and then change the banner/header image inside that block.

Unfortunately, there's no possibility to hide the header from chosen devices. Only blocks and elements can be hidden.

I have read that the size of mobile screen is 800 x 1200 px. Can you please advise what are the most appropriate dimensions for the header image for mobile that I should create the image with ??

As you choose and upload the header image, it will be automatically resized to fit all devices.

Also, is it possible to integrate WhatsApp and Facebook messenger messaging system in Nicepage. I want to have WhatsApp and Facebook buttons on my website and when the user clicks on any one of them, he should be able to send me a msg on the respective platform ( WhatsApp or Facebook )

It can be done by copying the messengers APIs and pasting the code into the HTML element in Nicepage. https://developers.facebook.com/docs/messenger-platform/reference/send-api/#request

HTML-element.png

...................................................
Sincerely,
Lilioneta
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 Ujjwal, > So I have to create a duplicate block for mobile and then change the banner/header image inside that block. Unfortunately, there's no possibility to hide the header from chosen devices. Only blocks and elements can be hidden. > I have read that the size of mobile screen is 800 x 1200 px. Can you please advise what are the most appropriate dimensions for the header image for mobile that I should create the image with ?? As you choose and upload the header image, it will be automatically resized to fit all devices. > Also, is it possible to integrate WhatsApp and Facebook messenger messaging system in Nicepage. I want to have WhatsApp and Facebook buttons on my website and when the user clicks on any one of them, he should be able to send me a msg on the respective platform ( WhatsApp or Facebook ) It can be done by copying the messengers APIs and pasting the code into the HTML element in Nicepage. https://developers.facebook.com/docs/messenger-platform/reference/send-api/#request !HTML-element.png! ................................................... Sincerely, Lilioneta Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
vermau
10 Posts
vermau posted this 11 September 2021

Thank you for the reply. So I have to create a duplicate block for mobile and then change the banner/header image inside that block.

I have read that the size of mobile screen is 800 x 1200 px. Can you please advise what are the most appropriate dimensions for the header image for mobile that I should create the image with ??

Also, is it possible to integrate WhatsApp and Facebook messenger messaging system in Nicepage. I want to have WhatsApp and Facebook buttons on my website and when the user clicks on any one of them, he should be able to send me a msg on the respective platform ( WhatsApp or Facebook )

Thanks,
Ujjwal

Thank you for the reply. So I have to create a duplicate block for mobile and then change the banner/header image inside that block. I have read that the size of mobile screen is 800 x 1200 px. Can you please advise what are the most appropriate dimensions for the header image for mobile that I should create the image with ?? Also, is it possible to integrate WhatsApp and Facebook messenger messaging system in Nicepage. I want to have WhatsApp and Facebook buttons on my website and when the user clicks on any one of them, he should be able to send me a msg on the respective platform ( WhatsApp or Facebook ) Thanks, Ujjwal
Support Team
Support Team posted this 10 September 2021

Hello Ujjwal,
Thank you for being our customer!

What do you exactly mean by "hero image"? Do you mean the header background image? If so, the background image is set to all views and you can't set different backgrounds to each view. However, you can set different block backgrounds for each view, simply by hiding the wanted block from other views:

GIF-10.09.2021-10-53-57.gif

...................................................
Sincerely,
Lilioneta
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 Ujjwal, Thank you for being our customer! What do you exactly mean by "hero image"? Do you mean the header background image? If so, the background image is set to all views and you can't set different backgrounds to each view. However, you can set different block backgrounds for each view, simply by hiding the wanted block from other views: !GIF-10.09.2021-10-53-57.gif! ................................................... Sincerely, Lilioneta Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments