Welcome page image is not responsive -"enfold-restaurant"

Hi Siva,

You can’t expect the background image to display exactly the same on screens with such a big difference in height/width ratio. If you want greater control over the image then you would need to add another section to be shown on mobile device only. You can show/hide the correct section using CSS like this:

@media only screen and (min-width: 768px) {
#section-desktop {
  display:block !important;
}
#section-phone {
  display:none !important;
}
}

@media only screen and (max-width: 767px) {
#section-desktop {
  display:none !important;
}
#section-phone {
  display:block !important;
}
}

Best regards,
Rikard