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

5 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

Share this post


Link to post
  • 0

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!

 

Share this post


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

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...