Change size and weight of header navigation menu text

Solved
peter550
Explorer
76 1 36
Thanks in advance! 
 
is there also a way to change the size of the navigation header menu items? They are currently very small and thin? But I cant see how to do this? i'd like them to be 50% bigger and thicker line weight please
 
Screenshot 2021-11-09 at 15.32.21.png
 

Any help is much appreciated!

 

Pete

 

https://laz-the-plant-scientist.myshopify.com

P word test

Theme blockshop

 

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
2535 300 634

This is an accepted solution.

hii, @peter550 
Paste this code on top of the theme-crictical.css file.

ul.x-menu--level-1--container li a {
    font-size: 22px;
    font-weight: bolder;
}
.icon--cart {
    height: 55px !important;
    width: 35px !important;
}
    height: 35px !important;
    width: 35px !important;
}
.icon--account {
    height: 35px !important;
    width: 35px !important;
}

like this:

Zworthkey_0-1637120336604.png

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 4 (4)
Savior
Pathfinder
74 10 17

1. Go to your store click on Actions > Edit Code

2. Assets > theme--critical.css add below lines at the bottom of the file.

li.x-menu--level-1--link a {
    font-weight: bold;
    font-size: 17px;
}

Twinkle_34_0-1637064002727.png


If helpful then please Like and Accept Solution.

peter550
Explorer
76 1 36

@Savior Amazing thank you!


Can you also give me the codee to make the cart icon and the search and account icons bigger too? 

 

Thanks in advance

Savior
Pathfinder
74 10 17

1. Go to your store click on Actions > Edit Code

2. Assets > theme--critical.css add below lines at the bottom of the file.

.icon--search,.icon--account,.icon--cart {
height: 25px !important;
width: 25px !important;
}

If helpful then please Like and Accept Solution.

Zworthkey
Shopify Partner
2535 300 634

This is an accepted solution.

hii, @peter550 
Paste this code on top of the theme-crictical.css file.

ul.x-menu--level-1--container li a {
    font-size: 22px;
    font-weight: bolder;
}
.icon--cart {
    height: 55px !important;
    width: 35px !important;
}
    height: 35px !important;
    width: 35px !important;
}
.icon--account {
    height: 35px !important;
    width: 35px !important;
}

like this:

Zworthkey_0-1637120336604.png

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post