i am trying to increase my navigation menu font size - Brooklyn Theme

Store Design
1

this image represents the menu i would like

the store menu i would like
the store menu i would like2772×573 172 KB

the second image is my store currently

my store
my store2115×561 45.5 KB

1 Like
2

@7kingodmsla ,

Share the URL please

3

Hi @7kingodmsla ,

Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.

Best regards.

4

https://7kingdomsbar.myshopify.com/

5

@7kingodmsla ,

password

6

https://7kingdomsbar.myshopify.com//

7

https://7kingdomsbar.myshopify.com/ rawgow

8

@7kingodmsla ,

its password protected

9

rawgow password

10

@7kingodmsla

a.site-nav__link {
    font-size: 20px;
}

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

11

@7kingodmsla
Add this code in theme.css or theme.scss file.

li.site-nav__item a {
    font-size: 18px !important;
}
  1. Navigate to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
  3. Save it.
12

Hi @7kingodmsla ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /timber.scss paste code below into end of the file.
.header-wrapper.header-wrapper--transparent .site-nav__link{
  font-size: 20px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.