Image formatting - resizing on mobile?

Site URL: http://emwave.ca

Hi, hope someone can help with formatting issues we're having with our site image header on the mobile site. Please see attached screenshots of the desktop site vs the mobile site.

Any help would be appreciated! Thank you

The site is not yet published

Hi,

Which page in screenshot?

Also I see navigation items is white color

The site is still in development and not publicly posted yet

The main photo is cut off on the mobile version of the site, is there a way to format the photo so that the mobile site shows the whole photo? Thanks for your help!

5 hours ago, emwave said:

The site is still in development and not publicly posted yet

The main photo is cut off on the mobile version of the site, is there a way to format the photo so that the mobile site shows the whole photo? Thanks for your help!

Can you share link to exact page?

Here you go, you're looking at the old website, hopefully this link works:

https://contrabass-sprout-t7lp.squarespace.com/

pass: squarespace

anyone can help? thanks

On 10/6/2021 at 4:15 AM, emwave said:

anyone can help? thanks

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="60f4e440bf9212646c4d6779"] {
	.section-background, .section-background-content {
    opacity: 1 !important;
}
img {
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    height: auto !important;
}
.section-background-canvas.background-fx-canvas {
    opacity: 0 !important;
}
& {
    min-height: unset !important;
    height: 45vh;
}
}
}

Hmm that didn’t seem to do anything. Any other suggestions? Thank you