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;
}
1 Like
@dylanlueking
Please share your store URL.
@dylanlueking
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!
@dmwwebartisan
When I add this code to the bottom off my scss theme the navigation menu is compressed as shown below.
1 Like
@dylanlueking
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.
@dmwwebartisan
The original size of the text was 17px.
1 Like
@dylanlueking
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!
1 Like
@dylanlueking
It’s my pleasure to help you.