Shopify themes, liquid, logos, and UX
Join us March 21 for an AMA on planning your 2023 marketing budget with 2H Media co-owners, Matt and Aron
Trying to figure out how to change the design on the side menu drawer, and it seems like all settings under "Typography" are ignored when using the "Drawer" option.
This is how it currently looks like:
I'd like to change the font, text size, letter spacing, line height of this text - as it doesn't appear to be an option in the GUI.
(Might need a separate option for mobile and desktop)
Additionally, if possible (since there's lots of room on the top of the menu, add logo to it?
Here's a preview link
https://t8n43rstgq4tsegu-50647859379.shopifypreview.com/
Solved! Go to the solution
This is an accepted solution.
@lion_no- add all this css
@media only screen and (min-width:590px){
.mobile-nav__item .mobile-nav__faux-link, .mobile-nav__item a:not(.megamenu__promo-link) {
font-size: 20px;}
}
This is code customization work Contact to your theme developer OR support.
Thanks!
@dmwwebartisan I can understand that the logo might be a code customization work, but the text styling / formatting shouldn't be anything more than a code adjustment the theme.css.liquid as far as I understand?
@lion_no- if you have multiple changes then you can contact me on my email and we can make changes one by one
Changing font size is most likely enough, the rest of the options are a example of missing functions.
@lion_no- to change font size, please add this css to the very end of your theme.css file and check, this current code will reduce font size
@media only screen and (min-width:590px){
.mobile-nav__item .mobile-nav__faux-link{font-size: 20px;}
}
@suyash1 thanks, but unfortunately it didn't work for all of it 😕
Both subcategories and "ACCOUNT" is still using the large font
This is an accepted solution.
@lion_no- add all this css
@media only screen and (min-width:590px){
.mobile-nav__item .mobile-nav__faux-link, .mobile-nav__item a:not(.megamenu__promo-link) {
font-size: 20px;}
}
@lion_no- welcome
User | RANK |
---|---|
178 | |
155 | |
91 | |
33 | |
29 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023