Mobile Menu Drawer text too small

[BendersBakery]

I don't know why the treats text is so small and not the same size of the other options.

How can the text Treats be the same size as the rest of options?

www.bendersbakery.com

[Dan-From-Ryviu]

Hi @BendersBakery 

Your store has password protected so I can not check. 

[BendersBakery]

The password is BendersPassword

[Dan-From-Ryviu]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.header .list-menu__item {
    font-family: Celebes Regular !important;
    font-size: 28px !important;
    text-transform: capitalize;
}

[GTLOfficial]

Hi, Please share password of the store.

[Made4uo-Ribe]

Hi @BendersBakery 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
summary#HeaderDrawer-treats {
    font-size: 28px;
}
</style>

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[BendersBakery]

Still seeing it small both on mobile device and browser when making screen small.

[BendersBakery]

.newsletter-form__field-wrapper .field__input {
margin: 10;
}
summary#HeaderDrawer-treats {
font-size: 28px;
}

</style>

[BendersBakery]

This is what I have right now and still seeing the issue:

.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width h2 {
text-align: center !important;
}

.newsletter-form__field-wrapper .field__input {
margin: 10;
}
summary#HeaderDrawer-treats {
font-size: 28px;
}

</style>

[Made4uo-Ribe · Accepted solution]

Sorry, I didnt notice your reply. Replace on this code. 

Same Instruction. 

<style>
summary#HeaderDrawer-treats {
    font-size: 28px !important;
}
</style>

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!