Make Header .site-branding Additional CSS Code Only Affect Desktop?

[lorraine]

lorraine

October 1, 2023 at 4:42 pm

I know there’s a way to do this, but I forget what specifically needs to be written for if the screen is XXX pixels or more, and how the syntax is supposed to be written as

I have the following Additional CSS for making my Logo appear in the middle of the Header, while shrinking down to fit in the Sticky as it changes:

header .site-branding {
margin-top: -105px;
margin-bottom: 0px;
}

.item-is-stuck .site-branding {
margin-top: -5px;
margin-bottom: 0px;
}

How do I make this code only apply to screens with viewports larger than the threshold for switching from Tablet -> Desktop? I think it’s 1068, though I can’t remember, nor can I recall how to fit it into the above so that it’d stop applying to tablets/mobile correctly