FROM CACHE - en_header

Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Annoucement bar

Solved
Rubberduck
Shopify Partner
48 0 10

Hello!

Is there anyone here that know how i can make the annoucement bar transparant?

Thank you!

Skjermbilde 2022-11-13 kl. 15.44.20.png

Accepted Solution (1)

Accepted Solutions
suyash1
Shopify Partner
7177 875 1190

This is an accepted solution.

@Rubberduck - please add the given css to the very end of your theme.scss file and check

 

#section-announcement {
    background: transparent !important;    color: #fff !important;    position: absolute;    width: 100%;
}
You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly

View solution in original post

Replies 7 (7)
suyash1
Shopify Partner
7177 875 1190

@Rubberduck - can you please share your site link? it needs css

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly
Rubberduck
Shopify Partner
48 0 10

Hello!

The website link: Nexwatches.no


suyash1
Shopify Partner
7177 875 1190

@Rubberduck - your age background is white, so it will still show white only

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly
Rubberduck
Shopify Partner
48 0 10

How do i make it transparant?

suyash1
Shopify Partner
7177 875 1190

@Rubberduck - you can make like 1st screenshot , but I do not recommend it as on hover, header will hide announcement bar

 

suyash1_0-1668353530861.png

 

suyash1_1-1668353573102.png

 

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly
Rubberduck
Shopify Partner
48 0 10

How do i make it like the first picture?

suyash1
Shopify Partner
7177 875 1190

This is an accepted solution.

@Rubberduck - please add the given css to the very end of your theme.scss file and check

 

#section-announcement {
    background: transparent !important;    color: #fff !important;    position: absolute;    width: 100%;
}
You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly