bvdo bvdo - 6 months ago 11
CSS Question

Making text disappear and reapear

On my navigation bar I have a logo, I want this logo to disappear at 1080px. Currently I am using

@media (min-width: 1080px){
.navlogo a{display: none;}
}


And this works, but at 425px I want the logo to reappear. How would I go about doing this?

Answer

You can use this media query for display logo

@media (max-width: 425px){
    .navlogo a{display: block;}
}

Check fiddle for 600px

Check fiddle for 1080px

See Here

Also see here for updated point