Hi, I had to adjust my logo margin for desktop because the client-required number of menu items kept pushing the menu below the header bar. However, on mobile the logo is partially off the screen. I tried adding the following css but it's not changing it on mobile and I'm not sure what I'm missing. (I also tried "@media only screen" and "@media" as I wasn't sure which one is the newest form off css).
sp-logo { margin-left: -100px; }
@media screen and (max-width: 600px)
sp-logo { margin-left: 50px }
https://paste.pics/HFHCU