How to fix header font issues in Refresh theme?

Topic summary

A user is experiencing font sizing issues with dropdown menus in Shopify’s Refresh theme after adding custom CSS code to increase header font size in the base.css file.

Current situation:

  • Previously added CSS code to enlarge header fonts
  • Dropdown menus now display incorrectly due to the font size modifications
  • The user shared their existing CSS code (though it appears corrupted/encoded in the post)

Community response:

  • Two community members requested the store URL to investigate the issue directly
  • The user provided their store URL: www.11bstitch.com

Status: The discussion remains open, awaiting technical assistance once helpers can examine the live site to diagnose the dropdown menu font conflict.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

Hi All -

In a previous thread, I saw a way increase the header font size, by adding some code to the asset folder base.css

But my issue is that I now have drop down menus which is creating an issue with the font sizing (see attached). Here is the code I have already added:

@media screen and (min-width: 990px) { .header.header–middle-left { grid-template-columns: auto 1fr auto;

}

nav.header__inline-menu { text-align: center;

}

}

a.header__menu-item.header__menu-item.list-menu__item.link { font-size: 20px;

}

1 Like

Hello @Sewade101
can you share store URL?

Hi @Sewade101

Would you mind to share your store URL? Thanks!

www.11bstitch.com