Many parts of theme are not responsive.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce .product-carousel  ul.products li.product a img{
max-height:220px !important;
}

Thanks
Mohammad

[wpoi.web]

Awesome!!

Thank you so much Mohammad (and team). I appreciate the ongoing support.

Thank you,
D

[wpoi.web]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#main-navigation ul.menu > li{
line-height:30px !important;
}

Thanks
Mohammad

[wpoi.web]

This reply has been marked as private.

[Swift Ideas – Ed]

Hi there,

This is caused by your custom css:

#header-section > #main-nav {
margin-top: -40px;
}

Replace that with this:

#header-section #header {
    padding: 25px 0px 0;
}

– Ed

[wpoi.web]

This reply has been marked as private.

[Nishant – SUPPORT]

Hello wpoi.web,

Checking this now.

[Nishant – SUPPORT]

.woocommerce .product-carousel ul.products li.product a img {
  object-fit: cover;
  backface-visibility: hidden;
}

The above CSS should do the trick.

[wpoi.web]

This reply has been marked as private.

[David Martin – Support]

Hi,

The CSS you are using max-height is causing that.

You would need to either remove it (dependant on your specific needs) or remove for tablet only.

Let us know if you need assistance.

Thanks,
David.

[wpoi.web]

This reply has been marked as private.

[David Martin – Support]

Hi,

Please use this tool to choose the correct media query that you require:

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Thanks,
David.