Mobile Menu Drawer text too small

Solved

Mobile Menu Drawer text too small

BendersBakery
Tourist
15 0 2

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

WhatsApp Image 2024-09-19 at 14.57.17.jpeg

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
8813 2109 2586

This is an 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!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 9 (9)

Dan-From-Ryviu
Shopify Partner
10094 2006 2058

Hi @BendersBakery 

Your store has password protected so I can not check. 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

BendersBakery
Tourist
15 0 2
The password is BendersPassword
Dan-From-Ryviu
Shopify Partner
10094 2006 2058

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;
}

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

GTLOfficial
Shopify Partner
625 135 123

Hi, Please share password of the store.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

Made4uo-Ribe
Shopify Partner
8813 2109 2586

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:

Made4uoRibe_0-1726838744113.png

 

 

 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
BendersBakery
Tourist
15 0 2

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

 

Screenshot 2024-09-20 at 11.31.16 AM.png

BendersBakery
Tourist
15 0 2


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

</style>

BendersBakery
Tourist
15 0 2

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
Shopify Partner
8813 2109 2586

This is an 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!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.