Cart top area hidden by announcement bar - Spotlight Theme

[starscream911]

Hello experts!

Can we find a solution for the following issue in my store (screenshot below):

After adding a product in the cart the top area with “Your cart” and close button is hidden by the announcement bar. Please suggest me any code to fix this. The goal is cart preview to cover the whole page height and in this example over the announcement bar.

Thank you in advance.

[Moeed]

Hey @starscream911

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-HDL]

Hi @starscream911 ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

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

[Rahul_dhiman]

Hello @starscream911

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-cart-drawer.css
add this code at the end of the file.

.drawer.active {
top: 38px !important;
}

result

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

[starscream911]

This works perfectly for me!

Thank you!

[BSSCommerce-HDL]

@starscream911 , No problem. Have a good day

[starscream911]

Hello!

This code works also!

Thank you!