Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: 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
9074 2167 2675

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 9 (9)

Dan-From-Ryviu
Shopify Partner
10261 2038 2109

Hi @BendersBakery 

Your store has password protected so I can not check. 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- 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
10261 2038 2109

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 Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- 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
662 140 133

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
9074 2167 2675

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
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
9074 2167 2675

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.