Any changes I seem to be making while looking at the mobile view - changes the way it is displayed on the desktop view. Is there anyway I can change it without affecting how it will display on the desktop?
I am only looking to make the writing of the menu smaller and remove things like the registration/login or search options (which I don’t have on my desktop view anyway)
Thanks,
Can you share the URL of your shop?
In general it works with media queries like "@media only screen and (max-width: 768px)"
I’ve got no idea what that means.
So in order do hide the search-link on mobile you just put this in your css file:
li.drawer-menu__item.drawer-menu__search-parent {
display: none;
}
If you want to hide “register login” as well you add this:
a.drawer-menu__link.fs-body-base.fs-body-large-ns {
display: none;
}
and to make the font smaller in the mobile menu only it goes like this
span.ff-heading.fs-heading-2-base.fs-heading-2-large-ns {
font-size: 14px;
}
The value 14px is what you can play around with. At the moment it is 23px - which I personally like 
So it would look like this:
Thank you for being so understanding! It worked the wonders. I will keep the font for now
