traisthomesinc

https://ellipse-mayflower-a59x.squarespace.com/config thats the link via squarespace, or the regular link is: traisthomes.com The issue is on the homepage. I have that first section which is intended for desktop, but that video I used doesn't quite look right on mobile. So, I tried to create a second section with a different video for the home page on mobile, but I can't get that second section to disppear from the desktop view with the aforementioned code. Any suggestion you have would be greatly appreciated.

I am trying to hide certain things on mobile view and certain things on desktop. My code to hide things on mobile view works fine, but I cannot get my code to hide things on desktop. Here is my complete CSS code--the lower one is the one causing problems. Does anyone have any idea how to resolve this please @media (max-width: 646px) { section[data-section-id="6409f1c91ab11f272e35518e"] { display: none !important; } @media (min-width: 768px) { section[data-section-id="652ec1d1c8e85e5fa942015b"] { display: none !important; } }