Change sub navigation font size and alignment

Store Design
1

Hi, Can anybody assist me with changing the sub navigation (drop down) menu on my site? I’ve tried adding code as per previous posts but none have worked. Where exactly do I place the code?

Venue theme

URL - www.groundskeeperwillie.com

Thanks,

A

2

@att123 ,

.header--mega .primary-nav .nav__sub__items--3 .nav__sub__item, .header--mega .primary-nav .nav__sub__items--5 .nav__sub__item, .header--mega .primary-nav .nav__sub__items--6 .nav__sub__item, .header--mega .primary-nav .nav__sub__items--9 .nav__sub__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme-critical.scss.liquid

1 Like
3

Thank you, that works great!

Can I edit the size of the font within that code, to make it slightly smaller?

4

@att123 ,

.header--mega .primary-nav .nav__sub__link {
    font-size: 13px;
}

use this css