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

[Migo28]

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.

[BSSCommerce-HDL · Accepted solution]

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 </head> tag:

<style>
#Details-HeaderSubMenu-pokemon-single-card[open] .header__submenu {
    position: absolute !important;
    left: 100%;
    top: 75px;
    width: 200px;
    background-color: #f4f4f4 !important;
}
</style>

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 😍

[BSSCommerce-HDL]

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

[Migo28]

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

[BSSCommerce-HDL · Accepted solution]

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 </head> tag:

<style>
#Details-HeaderSubMenu-pokemon-single-card[open] .header__submenu {
    position: absolute !important;
    left: 100%;
    top: 75px;
    width: 200px;
    background-color: #f4f4f4 !important;
}
</style>

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 😍

[Migo28]

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. 

[BSSCommerce-HDL]

@Migo28, Sure, Wait me minutes. I'll check it 😍

[BSSCommerce-HDL · Accepted solution]

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 </head> tag:

<style>
.card__badge.bottom.left .badge {
    background-color: red;
    color: #ffff;
}
</style>

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 😍

[Migo28]

Thank you so much again ! It worked perfectly.

[BSSCommerce-HDL]

@Migo28, No problem. Glad to help you 😍

[Rahul_dhiman]

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

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

[Alykhan101]

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