Site URL: https://www.phyo.es
Hi my friend, im trying to add a vertical line on my website.
I use this code:
<div class="home__verticalline">
</div>
<style>
.home__verticalline {
position: absolute;
height: 2200px;
border-left: 1px solid #d6ccc4;
left: 50%;
}
</style>
But I want to hide it when im on mobile so I add this media query:
<style>
@media only screen and (max-width: 700px) {
.home_verticalline {
display: none;
}
}
</style>
I think my code is OK, but when I check the website on mobile the "media query" doesn't run.
I add some screenshots.
Could you help me, please??