Jump to content

Hide Index Section in 7.1 on Mobile/Desktop

Recommended Posts

Hi All,

I am building a new site in 7.1 and need to hide a few pages on desktop/mobile etc as I have done many times in 7.0 using the below code. For the life of me I can figure out how to get this working in 7.1 with the new index page builder?? Before it was using #page-name as the target but I have tried several things as the target but no joy.

// hide desktop banner image on mobile
@media screen and (max-width: 640px) { #corporate-header {visibility: hidden !important; display: none !important; }}

// hide mobile banner image on desktop
@media screen and (min-width: 640px) { #corporate-header-mobile {visibility: hidden !important; display: none !important; }

Any advice appreciated!

Thanks!

C.

Link to comment
  • Replies 7
  • Created
  • Last Reply
42 minutes ago, lucky14 said:

yeah forgot that sorry, need to hide the graphic on mobile and will be adding a new graphic to hide on desktop

(page still under construction)

https://www.a-recsolutions.co.uk/candidates 

password: circle

You mean timeline on mobile?

@media screen and (max-width:640px) {
div#page-section-5dc16d49cf647f7bc5cd9766 {display: none;}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
4 hours ago, lucky14 said:

Thanks for the reply, yeah so the first timelines needs to show only on desktop and the second one underneath only show on mobile

Thanks!

 

Did you solve?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
18 hours ago, bonniekdesign said:

I'm having a similar issue. I can't seem to hide the background image on mobile only. I want to be able to hide the images and just display the text for this image on the BRINE template. Any ideas?

Password: EleanorKerlowPR
 

 

Have you solved yet?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.