How can I fix the mobile friendliness of my website?

Technical Q&A
1

Hi

I have noticed my site has become not so mobile friendly. Its fine on the desktop, but on a mobile I have a huge gap between the products and the price? I assume it’s a coding issue? Any tips?

https://www.hillsidehampers.com.au/

Ta

Nicole

2

hello @Hillside

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 429px){
.template-product .grid .product-single__media {
    height: auto  !important;
    }
}
3

Thank you! Unfortunately that did’nt fix the problem but thank you so much. I really appreciate any tips.

4

@Hillside

Thank you for sharing your concern. please paste below code at the bottom of theme.css or theme.scss file.

@media screen and (max-width: 641px) {
    .product-single__media {
         height: auto;
    }
}

This will fix the product page issue.

5

Thank you!