Dwell Menu Font Size

Store Design
,
1

I have tried a number of different solutions, but cannot figure out how to change the menu font size for the dwell theme. Is there a way to do this?

2

To change the menu font size in the Dwell theme, you can use custom CSS. This is safe and won’t break your theme.

1. Add Custom CSS

Go to Online Store → Themes → Customize → Theme Settings → Custom CSS (or in theme.css / theme.scss.liquid) and add:

/* Desktop menu font size */
.site-nav__link {
  font-size: 16px; /* adjust to your preferred size */
}

/* Mobile menu font size */
.mobile-nav__link {
  font-size: 16px; /* adjust to your preferred size */
}

Adjust 16px to whatever font size you want.

2. Optional: Adjust font weight or style

.site-nav__link,
.mobile-nav__link {
  font-weight: 500; /* normal, bold, or 300 for light */
  text-transform: uppercase; /* optional */
}

3. Save and preview

  • Save your changes

  • Preview on desktop and mobile to make sure the menu looks consistent

3

You can add this code to Custom CSS of your Theme settings to do that

    .menu-list__link {
        font-size: 18px !important;
    }

Change 18px in my above code to your own value to fit with your request.
Best regards,
Dan from Ryviu: Product Reviews App

4

Hi,

Good morning,

Welcome to the shopify ,

Please share your store URL and if your store is password protected then also provide password too.
Thank you.

5

This is one of the options that I have tried and it does not work. https://botanicalnaturebasics.com/