How can I put the submenu drop down on the right ?

Shopify Discussion

Topic summary

Goal: Move a submenu dropdown to the right in the Trade theme, and change the “Sold out” badge styling.

Progress on submenu alignment:

  • Store link shared (royal-cards.com). A helper advised editing theme.liquid (main layout file) and inserting custom code before .
  • Original poster confirmed the submenu now appears on the right.

Progress on “Sold out” badge styling:

  • Request to make the badge red with white text. Another contributor provided a CSS snippet to add at the end of base.css (theme stylesheet) to set background: red and color: white.
  • Original poster confirmed the badge styling change worked.

Notes:

  • Screenshots were used to illustrate the desired submenu position and badge appearance.
  • Specific code content for the theme.liquid change wasn’t detailed in the thread; the base.css change was shared as a targeted selector example.

Current status:

  • A new participant reported the submenu fix didn’t work for them and asked for help. No follow-up solution yet. The discussion remains open.
Summarized with AI on December 20. AI used: gpt-5.
1

Hello, I would like my submenu to be on the right and not below. I use the Trade theme. Thanks to everyone who will try to help.

exemple.png
exemple.png720Ă—721 36.5 KB

1 Like
2

Hi @Migo28 , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

3

Hello, thank you for your help. Here is the link : https://royal-cards.com/

1 Like
4

Hi @Migo28 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
5

It worked ! Thank you so much ! Can I also ask you to help me with something else please ? I would like to change the sold out bubble in red with white texte but I don’t know how to do it.

ewemple 2.png
ewemple 2.png341Ă—483 89.5 KB

1 Like
6

@Migo28 , Sure, Wait me minutes. I’ll check it :heart_eyes:

7

Hi @Migo28 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
8

Hello @Migo28
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

span#NoMediaStandardBadge-template--17278000332975__product-grid-8058020724911 {
background: red !important;
color: white !important;
}

result

3.png
3.png426Ă—434 111 KB

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like
9

Thank you so much again ! It worked perfectly.

1 Like
10

@Migo28 , No problem. Glad to help you :heart_eyes:

11

Hey could you also help me with this same issue
i tried to do this but it didn’t work