How To Change Menu Font Size In Shopify

[@WackyCustoms]

The current amound of classes added in the video does not change the font on mobile view. To fix this just include @media-screen or just write , after body or whatver is the last class added. Please pin this comment so that everyone can be helped ❤️

[@OnHOWGuy]

Thanks for the input, glad you figure it out. Shopify updates can break things. Cheers

[@DehliaInternational-qk3vx]

I can't understand where I've to put @media files for mobile preview font change please tell me

[@mratbsleep]

man thank you soooomuch i dont give like usally but in ur videos i do always cuz ik how much effort u put in these videos THANKS BRO

[@lyndahenson-id5nt]

Just figured out the tip thing. Well worth it. Your videos have helped me so much!

[@OnHOWGuy]

Haha thank you so much and really glad i could help. Cheers

[@usamasardar8465]

Please keep making these videos. PLEASE MAKE A VIDEO ON HOW TO BOLD THE FONTS. If I come across any other problem I will drop a comment here. Cheers!

[@AshpreetKohli]

.header__menu-item{ font-size: 16px !important; font-weight: bold; } @media (max-width: 749px){ .menu-drawer__menu-item{ font-size: 16px !important; font-weight: bold; } }

[@purpleheartdesign9014]

Has he made this tutorial yet? I would love to make my header options bold

[@Private-tsu]

@@purpleheartdesign9014 Sammeee, you figure it out?

[@Private-tsu]

.header__menu-item{ font-size: 18px !important; font-weight: 900; } Thats how you do the same thing except in bold too! tested and worked.

[@TheNightShiftclub]

best guy i have found so far thanks

[@yenubi804]

Thanks!

[@OnHOWGuy]

You're welcome and thank you

[@1109bigred]

Thank you so much, do you have some code for making announcement bar scroll? Thanks again

[@gonzaloperezrouliez]

Duuuuude, this was exactly what i was looking for, for like a month! like, sucribed and will recommend to everyone

[@Tedefiodor]

Dziękujemy.

[@OnHOWGuy]

Thanks legend

[@Computer-Fixer]

bro, you are so kind, thanks alot for the video

[@srai0711]

Two videos in and I want to thank you for what else I'm going to see. Blessings.

[@OnHOWGuy]

Haha You're very welcome. Cheers

[@Tedefiodor]

🙏 life and time saver!! It's another video of your I watched and I'm sure there will be more. 🙇‍♂

[@OnHOWGuy]

Glad to hear

[@MrElsehrawe]

thanks broo , i need ( see more ) in product description tutorial please ❤

[@Lucinda_xoxo]

Thank you soo much! I have been struggling with this for some time now and was about to give up. The Shopify chat agents said the only way was to change my theme. I really did not want to start all over again. This was so easy and quick, will be watching all of your videos for more tips.

[@OnHOWGuy]

You're very welcome and really glad i was able to help. Cheers

[@mindfullmavericks]

this is exacly what i was looking for my friend thank you so much

[@OnHOWGuy]

You're very welcome, glad i could help. Cheers.

[@shahzeelShabbir]

Great. It worked perfect. Thanks for this help

[@m_shakes]

Good stuff! Thank you so much!

[@OnHOWGuy]

You're very welcome. Cheers

[@zentho_Store]

You are always the best with a simple to the point tutorials that actually work

[@OnHOWGuy]

Thank you and really glad you think so. Cheers

[@db14_ftbll_chllgns_27]

Wow, thank you so much, it works perfectly. Is there a way to change the font itself to another font?

[@IsaacDelgado-fg8yq]

GREAT video and the code is beast congrats man working 100%

[@OnHOWGuy]

Thank you and glad to hear that. Cheers

[@hilalattouleh4637]

Great video. How can i change font style?

[@enzovillalon4133]

man! Thank you a lot. All the info you bring it's on point

[@OnHOWGuy]

You're very welcome and glad i could help. Cheers

[@orikakuli]

Thank you for your helpful videos man, the code worked for mobile but it didn't work for desktop/laptop when I play with the desktop size. Do you have a solution for this?

[@OnHOWGuy]

You're very welcome, thats strange, maybe its a browser cache issue because the code doesn't have a condition to only set it for the mobile. Cheers

[@nellyandon8815]

Thank you, it works perfectly. I am going to browse through your other videos for some valuable tutorials 😊

[@ergonaut5509]

Thank you so much! This absolutely solved my problem. Thanks for taking the time to create this video.

[@OnHOWGuy]

You're so welcome and glad it solved your problem. Cheers

[@dustydood7681]

works perfectly!!! Thank you for the easy solution, just earned yourself a subscriber.

[@OnHOWGuy]

You're very welcome and thanks for the sub. Cheers

[@_Valleyp]

Thank you so much for your channel, it’s so helpful 🙏🏼🙏🏼🙏🏼🙏🏼✨

[@OnHOWGuy]

You're so welcome and glad it was helpful. Cheers

[@harrisbathroomssouthampton9441]

top man! worked very helpful

[@OnHOWGuy]

You're very welcome, glad it was. Cheers

[@janeysatfield2440]

Awesome!!! Thank you so much!

[@themodestmuslimuk]

THANK YOU SO MUCH!!!!!!

[@JacquesKonialian]

How do you change the width in the drop down menu?

[@hristianabalevska6047]

also how can i change the typography in the dropdown menus

[@pier.g]

Worked great, thank you for these helpful tutorials! ✊

[@OnHOWGuy]

Good to know and You're so welcome.

[@Go2DrivingSchool]

Very helpful thank you

[@OnHOWGuy]

Glad it was helpful!

[@simreecosmetics]

Hey ! Can you pls make a video on scrolling logos on shopify , how to add it

[@katiacraig5092]

so helpful, thanks a loot!

[@RollingBeetleDice]

ths worked to change the font size for me so thank you! one problem i'm noticing, is that it jumps from the og smaller size to the set size whenever i click on a new page?

[@yolandajohnson9674]

I am looking to change the position of the text "Just a Like Please" Can you right or left align it?

[@Uriel_Dunn]

Once I change this font and it becomes bigger on the main menu links. Anything with a drop-down link stays the same. How do I modify the drop down menu to be a bigger font also?

[@vijaychemicals1973]

Bro, i have created dropdown menu, how to apply bold effect to it as like other

[@muhammadshahwaizakram8046]

Dear the issue is i want you tell me how to reduce the spacing in categories of navigation header drop-down menu categories

[@AlexLihue]

Hi! :) How do I change just the color of a single word in the menu?

[@jenovevedaniel7985]

Hey There, thank you for the video. it did not work for me (i followed every step as simply shown) can you kindly help me?

[@sbampfield]

This is GREAT! Easy to understand. How do you do the same for sub menu and mega menu?

[@Uriel_Dunn]

I also didnt figure this out. Any ideas?

[@jeryhamed7362]

@@Uriel_Dunn add this code to the end of the base.css file and save .header__inline-menu .link { font-size: 1.8rem !important;}

[@StellarLuftSolutions]

Thanks man. Working..!!

[@OnHOWGuy]

You're welcome, glad i could help. Cheers

[@obiwan5407]

Hey your the website is not working😢😢 😢

[@TimothyBailey-q9m]

Ok, I understand how to change the Font sizes, but can you explain why my Header Menu names change Font after I've created a Sub-menu under that category?

[@OnHOWGuy]

Thats a strange issue and it shouldn't happen. Can you tell me which theme/version you using ? Let me know in a new comment please as its difficult for me now to see replies. Cheers

[@Fredy-i5f]

Hello my friend. Thanks for your help on your channel. As you always say, I will write here a request. I'm looking for changing into Bold the regular price of products, and also make it a little bit biger, but a little bit .... I thing thar would be nice if we had a chace to change the size os the fonts / texts by size .... I meant, not the size between "large" or "bigger" in the codes, but in number of pixels .... 20px, 22px, etc. Thanks alot !

[@Wizzyyyyyyy]

Thank you for the tutorial! Really helped

[@OnHOWGuy]

You're very welcome, glad it did. Cheers

[@fatimarabines3038]

Hello! I think I made a mistake and the menu no longer appears in the mobile option. I try to recover the original but the menu still does not appear on the mobile. What can I do?

[@luismigueltierra4022]

This doesn't work on my Stiletto theme.

[@metalz3900]

he is the best of the best

[@OnHOWGuy]

Thank you legend, i appreciate that. Cheers

[@velocitysavage]

I want to make a form to my customers, the idea is that they can select the devilery company and put the number of guide from his order. then i built and link and put this link in a buttom. how can i made this?

[@Mr.Nemecek]

Thank you that worked

[@LauraBaker-e9n]

amazing, thank you!

[@OnHOWGuy]

You're very welcome. Cheers

[@carolinafarof]

how do i take that line off the header? to make it transparent

[@pakistanisenpaimerch7190]

dude you are a gem :)

[@OnHOWGuy]

Thank you and really glad you think so. Cheers

[@relatosdegabriela]

thank you, thank you!

[@InstantSleep]

Bro you saved me thank you for making it so easy ❤️❤️❤️❤️

[@OnHOWGuy]

You're very welcome. Cheers

[@doudchy]

great tutorials ...how to make the font bolder ?

[@AshpreetKohli]

.header__menu-item{ font-size: 16px !important; font-weight: bold; } @media (max-width: 749px){ .menu-drawer__menu-item{ font-size: 16px !important; font-weight: bold; } }

[@Normanby_Hotel]

Hi, It didn't work for me. The font size stayed at 16px even though I tried to change it to 22px. I am using the live theme

[@neerajprajapat6107]

Example i have megamenu like Category-Mobilecase - by apple Iphne6 iPhone 7 Iphne 8 How to change color or text or style of by apple heading

[@hristianabalevska6047]

thank u so muchhhhhhhhhhh

[@NOONEZEN]

Rien ne se passe malheureusement... c'est pourtant exactement ce que je cherche à faire depuis des heures mais le code ne change rien à mon thème.

[@Namik.33-6]

How can i make it bold ?

[@arunprakash120]

thanks man

[@OnHOWGuy]

You're so welcome.

[@rahulchopra7366]

Hey bro, hope your doing good. pls make a video how to connect shopify cj dropshipping to amazon is that possible bro?

[@OnHOWGuy]

Hey, im doing great thank you. Yeah i got that video planned, i will finish this Shopify editing very soon and start making other type of videos including your requested one. Cheers

[@drishtimehta8653]

How to add border to your size buttons?

[@janulik2122]

You are the best

[@OnHOWGuy]

Thank you

[@saladmuxyidiin1681]

❤ amazing tank you

[@OnHOWGuy]

You're very welcome legend

[@ANNIE-CLAUDEGENEST]

doesn't work for me. I don't know what I did wrong...

[@OdoguPay]

great!!!

[@moeezahmad9]

The link is not working, I didn't get the code.

[@CHCtkid999]

so useful :>

[@OnHOWGuy]

Thanks, glad it was. Cheers

[@yasinelabiodh1787]

i use motion theme, nothing changed

[@DingDong-q6v]

I did not work by my store

[@bilal-screen]

any one can past the code in the comments as the link is not opening for me......

[@kinderklipzshop1524]

.header__menu-item{ font-size: 18px !important; } @media (max-width: 749px){ .menu-drawer__menu-item{ font-size: 12px !important; } }

[@hristianabalevska6047]

like subscribe comments u going viral dude thanks so much for alll the help

[@indigoentrepreneur4059]

Where are you????😢

[@rhearedondo1477]

Its not working for me

[@OnHOWGuy]

Which theme you using ?

[@JustMe-nm2gx]

❤❤❤

[@kayleemcharg7957]

How did you get a video background behind your header? I am very curious!

[@creas3896]

Plz what is the best method to open a stripe account for unsupported countries 🥲

[@OnHOWGuy]

UK ltd

[@lyndahenson-id5nt]

Thanks!

[@OnHOWGuy]

You're welcome and thanks again.