Loft Theme - Help with changing the top menu font size

New Member
1 0 0

Can someone please help me with changing the header / main menu size in the Loft theme?

The font is wrong and the size is too small but I can't work out how to change it. 

 

0 Likes
Shopify Partner
32 0 1

I can help you. You can send me the store URL on my mail at anthony@pinesap.in

Best Regards, Anthony David | Partner| Pinesap internet Services Pvt. Ltd. anthony@pinesap.in Dream + Work = Success.
0 Likes
Shopify Partner
125 0 13

Find this in your css.liquid file in the themes assets folder: 

.top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 12px 0 12px 0;
    padding-left: 15px;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    text-transform: none
}

 

and change the font-size attribute to whatever size you want it to be. If you make it too large your search bar will be pushed to another line though, so keep that in mind. 

0 Likes
New Member
2 0 0

Hey Ryan,

 

I also want to change the size but can't find this in my css.liquid (Loft Theme)

I want to have the words like Home, Designklassiker etc bigger.

Bildschirmfoto 2019-11-12 um 15.41.16.png

Would be great if you can help me out!

0 Likes