Hello,
I am looking at increasing the font of the navigation menu. I have added the below code to the bottom of the css theme if that changes anything.
}
.site-header__upper .small–text-center {
text-align: center !important;
padding-left: 35%!important;
}
#SiteNavParent {
text-align: center !important;
padding-left: 15%!important;
}
Please share your store URL.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
ul#SiteNav .site-nav__link {
font-size: 20px !important;
}
Hope this works.
Thanks!
When I add this code to the bottom off my scss theme the navigation menu is compressed as shown below.
Oh! then we have to reduce font size little bit because it doesn’t fit into one line and it convert it dropdown menu like mobile.
Try this.
ul#SiteNav .site-nav__link {
font-size: 17px !important;
}
The above code I given size 17px try to increase that if you want.
The original size of the text was 17px.
Yes, I just asked you to do that. You did 19px now, right?
Is that not working for you?
@dmwwebartisan Just checked with my client and 19px is going to work thank you!
It’s my pleasure to help you.