Changing Menu Font

Excursionist
23 1 2

Hello,

 

I am trying to change the font of our side menu from Ovo to Avenir Next Rounded. thosewhobloom.com, Venue theme. It seems if I do this through the Typography settings it changes other headings that I don't want to be changed. 

 

Many thanks...

0 Likes
Explorer
72 10 10

Hello @thosewhobloom 

 

We have to create another Typography setting for only Menu.

It is lines of code that we have to do in liquid and CSS.

Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes

Hello @thosewhobloom,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#shopify-section-header .primary-nav__item, #shopify-section-header .secondary-nav__item {
	font-family: Avenir Next Rounded;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
23 1 2

Thank you so much for your time. I don't think we have that particular asset theme.scss. I tried to do it in theme-critical.scss.liquid and theme.scss.liquid and both did not work.

0 Likes

Hello @thosewhobloom,

Put your code in theme.scss.liquid file or theme-critical.scss file

When I inspect your site and add below code

#shopify-section-header .primary-nav__item, #shopify-section-header .secondary-nav__item {
	font-family: Avenir Next Rounded;
}

See the difference

2019-12-30_14-08.jpg

 

2019-12-30_14-08(2).jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes