HSNM Forum

Hi @Marisa
I'd like to know how to have images optimise for mobile use. I've uploaded the images and they seem set for laptop screens and not mobile screens. How do I change this?

Hi StephenAlfreds,

HSNM already resizes images that you upload in the system. Then, quality of views of those images depend on the resolution of the device (phone, tablet etc...).

What would you like to be your goal? Would you like to be able to upload an image for any, most used, devices' resolution?

Let me know.

Best Regards.

Hi StephenAlfreds,

HSNM already resizes images that you upload in the system. Then, quality of views of those images depend on the resolution of the device (phone, tablet etc...).

What would you like to be your goal? Would you like to be able to upload an image for any, most used, devices' resolution?

Let me know.

Best Regards.

Currently the  background image doesn't scale when viewed on mobile. I'd like to know how to optomose so that it when viewed on a mobile device

Hi, the image scale in order to be 100% width and 100% height, so the background cover the entire screen of the device. If you want to change this behaviour and make the background image fully visible you need to edit the css inside the template simply by adding these few lines of code:

#WP_FullScreenAd {
background-size:contain !important;
background-position:center!important;
}

if you want to have the background image height 100% and aligned center you need to use this code:

#WP_FullScreenAd {
background-position:center center !important;
}

Bye thank you.

Hi, the image scale in order to be 100% width and 100% height, so the background cover the entire screen of the device. If you want to change this behaviour and make the background image fully visible you need to edit the css inside the template simply by adding these few lines of code:

#WP_FullScreenAd {
background-size:contain !important;
background-position:center!important;
}

if you want to have the background image height 100% and aligned center you need to use this code:

#WP_FullScreenAd {
background-position:center center !important;
}

Bye thank you.

Hi

I've tried adding the CSS and still it doesn't optomise for mobile. It keeps a landscape dimension. Thanks so much or your help so far

Hi, I double check the code and it seems to work fine on my hsnm. Can you tell me exactly where you paste that code? Inside the "Custom CSS applied to the Welcome Portal" on the main page of the editing page of the template or inside the custom css for info or login app? Thank you!