Hello, i am adjusting the font size on my store and everything looks great on my mobile but when i am on desktop it is so small. is there a way i can increase font size on desktop while leaving mobile the same?
1 Like
1 Like
Hi @obiemegano ,
Yes, we can do that. which text you want to change? it is specific or all fonts you want to change?Thanks!
I want to know how to change the size of specific texts such as the headings at the top of the home page. But also i would like to know how to make all the text larger, which was my original concern yes. Is this something that normally requires code?
Did you already check in the customize area like in this picture.
Changing the heading text and subheading to large, medium and small.
1 Like
Thank you foe the information. Try this code.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “theme.scss.liquid, styles.scss.liquid or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
nav.header__inline-menu span {
font-size: 20px;
}
Result:
If you want also to increase the icons try this.
.header__icon .icon {
height: 4rem;
width: 3rem;
}
.icon-cart-empty span {
height: 4rem;
width: 3rem;
}
I hope it help.
thank you the first code worked where it changed the size of the icons. but the size of the drawer items or ( the items under “shop” are still small). i dont know what the second code was supposed to do but i dont think it did anything.
1 Like
Oh, you want to include that also. Try this one.
ul.mega-menu__list.page-width.mega-menu__list--condensed a {
font-size: 20px;
}
ul.mega-menu__list.page-width a {
font-size: 20px;
}
Result:
You can adjust the sizes you want.
Same Instruction.
Thanks!
1 Like
perfect thank you so much!
Welcome, Happy to help. 