Suiko

Your <div> inside the content has an element style containing a height which is causing it to break

<div class=​”aLF-aPX-J1 aLF-aPX-J1-aPV” style=​”width:​ 639px;​ height:​ 639px;​ left:​ 50px;​ top:​ 40px;​” tabindex=​”0″>​

Commenting out just that height alone almost completely fixes it. It’s the last Div containing content. Just under the <p>​Dt= Shake with almond-coconut milk, banana, & ice​</p>​ line

Go to the Edit Page for your Contact page and look down below for the Allow Comments checkbox and uncheck it. If you don’t see it then at the top right hit screen options and enable the “Discussion” panel option.

Instead of disabling the responsive design perhaps we can help fix it? Usually it’s something simple and if we could see the actual issue we can help debug it.

To answer you though disabling would require deleting (not advised as updating would break this) or changing all the Css @media tags you don’t want running to the default values, do you have a child theme at the ready?

In your Responsive Child Theme Style.css

.grid.col-940 {
height: 30px;
}

^ That’s the issue, your setting the height of the div to 30. If you erase that line it’ll fix your issue.

I’ll assume you mean to remove the responsive side of the design. Theirs no real way to disable the css, rather you’ll have to rewrite the css code or at the very least delete it (deleting isn’t advised as updates will just re-add it which will be a pain)

Do you know css at all and how to make a child theme? If so you can setup a child theme and new style.css and add media tags to adjust the mobile css values to the desktop css values

look for something like this

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){
/*Css Style code*/
}

Are you using anything that might cache your site? If you are, try clearing your browser cache and disabling any cache plug-ins. It’d explain why everything stayed there but won’t change with the additions.

O your not useless at code. Your personal code is fine, I’m experiencing the same issue using Virtue for a client’s shop. The issue is the height of each product window is inconsistent, so the website doesn’t know how to arrange all the pieces together and causing the chaos your seeing.

You can see what I mean by setting a defined height on the .product_item in the css, sadly it’s not the best solution as it’ll be inflexible and the cart button won’t line up.

If I find an easy fix before someone from Kadence Themes answers I’ll share, though I’d like to hear their solution as well.

Edit:
Well internet was slow posting this but answer from Kadence helped me as well, a test product missing a $ value was breaking mine even with min-height fix.