Disable Hover on Text Link for Mobile

sofinodesign · March 2

Hello,

I've added an image reveal on a text menu items.

I'm sure you've seen this example before: https://www.squarestylist.com/test
Currently my site design is using a similar format.

How do you remove this effect from mobile?

Thank you!

Ziggy · March 3

Typically using media queries to have the effect only happen on specific screen sizes is a good way to do this.

@media only screen and (min-width:768px) {
****code here****
}

Adding your CSS code between these brackets would have it affect only on screens wider than 768px.

sofinodesign · March 3

This worked! Thank you so much.

Recommended Posts