white bar and drop down menu

Hey, how do I get rid of this white bar in the cart menu? I’m also trying to put a drop-down menu on the second image. I want it to look like the drop-down menu in the third, fourth, and fifth images. any help is appreciated

white bar

https://loftusauto.com/cart

drop down menu

https://loftusauto.com/collections/all


the products page.

Hi @loftusfastl

In file base.css find .gradient , modify its content to the following

.gradient {
  background-color: #000;
  background-attachment: fixed;
}

Hi @loftusfastl ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

{% style %}
{% if template.name == "cart" %}
body.gradient {
    background: black !important;
}
{% endif %}
{% endstyle %}
add vào trước  theme.liquid

Here is the result:

Please let me know if it works!

Best,

Daisy

Hi Loftusfastl

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
main#MainContent {
    background: #000 !important;
}

Result

Best,
Esther

Hello @loftusfastl

  1. how do I get rid of this white bar in the cart menu?

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

#MainContent {
background-color: #000 !important;
}

result

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