Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
lucky14

Hide Index Section in 7.1 on Mobile/Desktop

Question

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.

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0
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;}
}

 

Edited by tuanphan

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0
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?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...