How to hide an index section on mobile

arogspace · July 20, 2020

Looking to hide sections of the home page index when it cuts to mobile.
i've found code to hide the image, but not the entire section.

Brine Template, with Parallax.

tuanphan · July 20, 2020

Which section?

arogspace · July 22, 2020

Hi Tuanphan - looking to hide some of the entire child sections (4,5,6,7) in the home index when it cuts to mobile

Edited July 22, 2020 by arogspace
clarity

tuanphan · July 22, 2020

Can you take a screenshot section 4 & section 7?

arogspace · July 22, 2020

Loose screen grabs are attached (viewed in Mobile, in chrome).

Looks like Chrome calls section 4 "new-page-1" and section 7 "new-page-4" if this helps.

tuanphan · July 24, 2020

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
section#new-page-1 {
	display: none;
}
section#new-page-4 {
	display: none;
}
}

Do similar for other sections

arogspace · July 25, 2020

You're amazing. Thanks for your help!

How to hide an index section on mobile

Recommended Posts

arogspace

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

arogspace

Link to comment

tuanphan

Link to comment

arogspace

Link to comment

tuanphan

Link to comment

arogspace

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources