bigeyestudios

I'm having the same issue with this display: -webkit-box; display: -ms-flexbox; display: flex; /* default orientation is row, for column swap commented values in lines below */ -webkit-box-orient: vertical; /* */ -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-gap: 0.5em; gap: 0.5rem; text-align: center; /* Hide home nav item on homepage */ .homepage .header-nav-item--homepage { display: none!important; @media only screen and (max-width: 640px){ #page .page-section:nth-child(1) .section-background img {opacity:0 } #page .page-section:nth-child(1) .section-border{background:transparent!important} #page .page-section:nth-child(1) .section-background { background-image: url(your-image-here); background-size: cover; background-position: center; background-repeat: no-repeat; } }https://static1.squarespace.com/static/5f9a0d000d533c769be5ab75/t/650a4e6110ee6f2770c4017d/1695174242364/Sunny+Mobile.png