My dropdown menu is not bold in the mobile view. How can I change this?

Store Design
1

Hi, is it possible to make the dropdown menu bold in the mobile view, as it is on the desktop menu? Currently, it looks very bland. Also, when you open the dropdown, the text appears a bit larger than the header. Can it be adjusted to look more consistent?

Screenshot 2024-09-02 165449.png
Screenshot 2024-09-02 165449.png418×247 3.65 KB

Screenshot 2024-09-02 165500.png
Screenshot 2024-09-02 165500.png873×286 12.6 KB

2

Hello @sofiakarkus

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .product__accordion__title { font-weight: bold !important; } }

niraj_patel_0-1725267978206.png
niraj_patel_0-1725267978206.png319×263 6.48 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

Result:

AnneLuo_0-1725268237463.png
AnneLuo_0-1725268237463.png417×554 18.5 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

4

Hi @sofiakarkus ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!