Change font size for top level menu in Horizon

Store Design
, ,
1

Hello,

I was wondering if anyone knows how to change the font size of the top level menu in the Horizon theme. I am using the hamburger menu style for both desktop and mobile. See screenshot below:

IMG_3147
IMG_31472778Ă—1284 210 KB

2

@fabiomalaspina add this css to the very end of styles.css file and check

.menu-drawer__menu-item-text {font-size: 18px;}

image
image1366Ă—768 243 KB

3

Hey @fabiomalaspina try this one by follow these step
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body>tag if this code work please do not forget to like and mark it solution

<style>
span.menu-drawer__menu-item-text.wrap-text {
    font-size: 15px !important;
}
</style>

image
image1280Ă—859 257 KB

4

There were several simlar topics, some has solutions, for example – Mobile Menu Font Size Adjustment – Horizon Theme - #2 by tim_1

5

Add below code in “Custom CSS”, either in Header section settings or in Theme settings

.menu-drawer__menu-item--parent .menu-drawer__menu-item-text {
  font-size: 16px !important;
}

Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!

6

Thanks for all of you!