traisthomesinc Posted October 21 Share Posted October 21 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; } } Link to comment
paul2009 Posted October 21 Share Posted October 21 Please direct us to the page on the site. About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
traisthomesinc Posted October 23 Author Share Posted October 23 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment