How can I make this text font smaller?

Solved
Highlighted
Excursionist
61 0 2

Hello,

 

How do you make this font size on mobile smaller? It only appears on mobile. Please see image. Want the bigger font to be the same size as the smaller fonts below it. 

IMG_2765.jpg

0 Likes
Highlighted
Excursionist
61 0 2

Any ideas?

0 Likes
Highlighted
Excursionist
61 0 2

bump

0 Likes
Highlighted
Shopify Partner
268 37 40

Hi @gtish99,

 

Could you share your store URL? Then I'll be able to help you with that

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes
Highlighted
Excursionist
61 0 2

Sure. 

 

babyhabanero.com

 

This appears only on mobile. Thanks!

0 Likes
Highlighted
Shopify Partner
268 37 40

This is an accepted solution.

@gtish99 

 

Put this piece of code in your .scss file

.mobile-nav__item {
  a {
    @media only screen and (max-width: 768px) {
      font-size: 16px;
    }
  }
}

 

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
1 Like
Highlighted
Excursionist
61 0 2

Thank you Denis.

0 Likes
Highlighted
New Member
2 0 0
image.jpg

 

B0F44205-1CAB-4C03-9891-96855A76EEDB.png

 

0 Likes
Highlighted
New Member
2 0 0

Where do I put this code? To make these headings smaller on mobile view 
thank you!

0 Likes