Guest Posted July 1, 2020 Share Posted July 1, 2020 Hi I've been creating a website and managed to find a code to create vertical lines on my site. The code is .vertical-rule { display: block; width: 1px; background: #FFFFFF; height: 5250px; } I love the look on a computer screen but when I go to mobile view the lines block up the other images. I want the lines removed on mobile display but to stay on the computer display. Can anyone help me? I would be happy to provide my login details. Link to comment
rwp Posted July 1, 2020 Share Posted July 1, 2020 .vertical-rule { display: block; width: 1px; background: #FFFFFF; height: 5250px; } @media only screen and (max-width: 600px) { .vertical-rule { display: none; } } Use @ media to hide them until a set screen width. Link to comment
Guest Posted July 2, 2020 Share Posted July 2, 2020 thank you so much that worked perfectly!!!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.