Customize font but I want to change font size !!

Solved
Highlighted
Excursionist
16 0 4

I did a customized font for my website and it works but I don't know how to change the font size especially the header part where I have the main menu. Where can I edit this ? Please help ! Thanks!

1 Like
Highlighted
Shopify Partner
7453 1030 2586

Hello, @elaiinee 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
16 0 4
0 Likes
Highlighted

This is an accepted solution.

Hi @elaiinee,

I think if you reduce the font size of the navigation menu, the size of the logo should be reduced also.

You can try this code to reduce the navigation menu's font size: (You can replace the value 16px to your liking)

#SiteNav .site-nav__label { font-size: 16px; }

 And here's the code to reduce the logo size:

.site-header__logo-image { width: 100px !important; }

By the way, I think your hero header lacks two important elements:

  • Call-to-action button
  • Description

You can check this article to understand homepage conventions and what to include in your homepage.

- Tips to optimize website loadspeed: academy.pagefly.io/how-to-speed-up-website

- Do you need to customize your landing page, product page, blog, coming soon, FAQ, about us pages? Check out PageFly - Advanced Shopify Page Builder.
1 Like
Highlighted
Shopify Partner
7453 1030 2586

This is an accepted solution.

@elaiinee 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header__logo-image img {
max-width: 100px !important; /* change value as you like.*/
}
.site-nav__label {
font-size: 20px; /* change value as you like.*/
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
16 0 4

THANK YOU!! YOU ARE AWESOME!

1 Like
Highlighted
Shopify Partner
7453 1030 2586

@elaiinee 

Thanks for update and your compliment.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like