Kind of out of ideas. I want the sticky nav on mobile to behave differently on tablet, for example, but no css I can get my right clicker on seems to have any effect.

dev link

Hi

What breakpoint value are you using?

both 800 (or 801) for galaxy tabs and 76whatever for iPad.

Seems to me a selector such as the following should do something....but doesn't.

What are you wanting to change with the styling?

Cheers
Paul

turn the navbar another color on mobile devices. (not #fakemobiledevices like the dev tools emulator) o_0

This should work

@media (max-width:800px) {
#logowrap.zen-nav-fixed {background-color: red !important;}
}

However your custom css is removing the height so it doesn't display

If I hack your custom css to remove the logo menu section it does display

Cheers
Paul

I wonder if I'd written a rule further up the page that was creating problems.

looks like probably

#logo .mod-ag-logo {
/*margin: -60px 0px;*/
/*transform: scale(1, 1) !important;*/
transition: transform .75s ease-out 0s;
position: absolute;
top: -30px;
max-width: 320px;
}


.zen-nav-fixed .mod-ag-logo img {
/*margin: 0px;*/
/*transform: scale(.7, .7);*/
transition: transform .75s ease-out 0s;
position: absolute;
top: 50px;
}