How to make menu section to non-transparent - Pipeline Theme

Shopify Discussion
1

URL: https://stellarwithlove.com/ Pipeline Theme

Which Background

IMG_6998.PNG
IMG_6998.PNG1179×2556 266 KB

2

I mean White Background

3

Hi @randytheasian

I hope you are well. You can follow our instructions below:
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/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 768px){
nav#header-menu .drawer__content {
    background: white !important;
}
}

image (48).png
image (48).png355×688 4.62 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

4

Hi @randytheasian

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.drawer__content {
    background: white !important;
}

Result:

websensepro_0-1734964115557.png
websensepro_0-1734964115557.png585×497 49 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!