lucky14 Posted November 12, 2019 Share Posted November 12, 2019 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
tuanphan Posted November 12, 2019 Share Posted November 12, 2019 6 minutes ago, lucky14 said: Can you share link to that page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
lucky14 Posted November 12, 2019 Author Share Posted November 12, 2019 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 Link to comment
tuanphan Posted November 12, 2019 Share Posted November 12, 2019 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
lucky14 Posted November 12, 2019 Author Share Posted November 12, 2019 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! Link to comment
tuanphan Posted November 12, 2019 Share Posted November 12, 2019 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest bonniekdesign Posted February 4, 2020 Share Posted February 4, 2020 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 Link to comment
tuanphan Posted February 5, 2020 Share Posted February 5, 2020 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.