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

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!



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)


password: circle

You mean timeline on mobile?

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


Edited by tuanphan

 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31.

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