CSS selector specific to desktop header

Support
#1

Hello,

I’m building a header for mobile devices (767px and below). I’ve got 2 bars, one for mobile and one for desktop. I have some custom css that applies to my regular header to give it a transition effect. Can you please tell me what selector I should use to instruct the css not to apply to the mobile friendly header?

Thanks,
Rosalynn

#2

Hi Rosalynn,

Thank you for writing in, please wrap your custom CSS with this following @media query

/*for 768px and above screens*/
@media (min-width: 768px) {

	/*your custom CSS rules here*/

}

Hope it helps,
Cheers!

#3

@friech

Thats exactly what I was looking for!
Thank you so much, it is working perfectly now

Best,
Rosalynn

#4

You’re welcome, Rosalynn.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.