Hide Index Section in 7.1 on Mobile/Desktop

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.

6 minutes ago, lucky14 said:

 

Can you share link to that page?

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

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

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!

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?

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?

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?

https://eleanorkerlowpr.squarespace.com/

Password: EleanorKerlowPR

 

 

Have you solved yet?