Styling Symbol for Mobile Device

I was styling my navbar in the tablet view and shrunk the logo down so it would look better, but then it also affected the desktop view. Can symbols not be styled differently for different devices?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

If you want to style an element of an image I would suggest to use percentages instead of drag and drop the resize toggle.

Thanks but that doesn’t answer the question regarding changing the styling of a symbol. It was my understanding that any styling changes for the smaller screens do not affect the larger screens, but that wasn’t the case when I changed the size of the logo for the tablet screen. It also shrunk on the full size screen which I didn’t think was supposed to happen.

When you style the element image with the resize toggle you are affecting the absolute size of the image because it’s an html attribute the CSS styles are the ones that are not affecting breakpoints above.

Hope this make sense