Reply To: Disable Mobile view

New Front EN Support Forums Kanso Theme Support Disable Mobile view Reply To: Disable Mobile view

#3805
satori
Keymaster

Hey Massaki,

The background images in Kanso have an automatic “background-size: cover” CSS rule, which forces the images to always occupy the available space fully, thus inevitable cropping them in most cases; however, it ensures that there are no blank spaces and strange background behaviour on various screen sizes. If you need your images to display full width on any screen size (although I would not recommend having important information in the form of backgrounds), you can add a “background-size: contain” CSS rules for the particular backgrounds for smaller screens, e.g.:

@media only screen and (max-width: 767px) {
#page-holder-12 {
background-size: contain !important;
}
}

the Google map on the front page seems to have been added via a third-party plugin, thus this part of the issue should be solved through the plugin itself.

Sincerely,
Andrii / Satori Studio