how to make my header menu bar transparent so it shows the image behind it

Setals
New Member
2 0 1

Currently Using Debut and my header/menu bar is white and I would like it to be transparent so it shows the background image behind it, can not figure it out to save my life.

Another question is the Text over the image on my home page has text shadowing, which I don't want but also can't figure out how to get rid of it. If I open up the "Inspect" menu I can find where it has text shadowing and turn it off through that except it doesn't change it overall for my website.

Replies 18 (18)
KetanKumar
Shopify Partner
25061 2508 9071

Hello, @Setals 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Harts
Excursionist
12 0 8

Hi @KetanKumar,

I have the same problem and by the looks of it a few others have.

 

My Navigation drop-down bar, added to cart popup and search bar have recently all turned transparent and I cannot figure out how this has happened. It looks even worse on mobile!

 

The background was white before.

 

So confused because an older duplicate version of the store doesn't have this problem.

 

I hope you can help.

 

kindest regards,

Bradley

2020-04-18 (1).png2020-04-18 (2).png2020-04-18.png

KetanKumar
Shopify Partner
25061 2508 9071

Hello, @Harts 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Harts
Excursionist
12 0 8

Thanks for the fast reply.

 

My URL is michael-hart-son.myshopify.com

 

Thankyou KetanKumar :)

KetanKumar
Shopify Partner
25061 2508 9071

Thanks for URL.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file.

.site-nav__dropdown, .search-bar__input, .cart-popup-wrapper {
background: #ffffff;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Harts
Excursionist
12 0 8

It's worked!!

 

Thank you a million @KetanKumar. I really appreciate you helping me fix my problem.

 

Kindest regards,

 

Bradley

iTechworld
New Member
1 0 1

Hi Ketan, 

I have just made my website using Impulse theme, and my Navigation bar is see through so the slideshow image is underneath the headings, I would much prefer this to just be black or a solid colour, I have attached what it looks like now, how do I change this?

Screen Shot 2020-12-09 at 3.05.56 pm.png

 

KetanKumar
Shopify Partner
25061 2508 9071

@iTechworld 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FranziRak
Explorer
73 0 13

@KetanKumar  hi Ketan, i want the header bar also transparent so the header image will be shown under the menu... hope you can help... URL: www.rakao.de

Thank you so much...