FROM CACHE - en_header

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 23 (23)
KetanKumar
Shopify Partner
34396 3444 11271

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
34396 3444 11271

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
34396 3444 11271

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
34396 3444 11271

@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... 

KetanKumar
Shopify Partner
34396 3444 11271

@FranziRak 

do you mean this?

KetanKumar_0-1609850637398.png

 

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
Shopify Partner
34396 3444 11271

@FranziRak 

Thanks can you please try this

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header {
    position: absolute;
    width: 100%;
    z-index: 5;
}

 

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
Shopify Partner
34396 3444 11271

@FranziRak 

Thanks for update and support.

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
Aashish
Tourist
9 2 0

Can you please share with me the URL of the Store?

If helpful then please Like and Accept Solution.
Want to modify or custom changes, Hire me.
- Feel free to contact me on Email: development.aashish@gmail.com regarding any help.
Shopify Expert | Skype : aashish.bhatt91
Somum
Tourist
3 0 2

Hi there,

Can you tell me how I can make the menu bar on my website transparent so that the video overlays the menu bar?

Thanks.

KetanKumar
Shopify Partner
34396 3444 11271

@Somum 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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
DeadEndStreet
Pathfinder
103 0 35

Hi, I have a range of questions lol.

My header background is transparent but my navigation bar is still solid white - any ideas?

 

Thanks

SilverSmoke
New Member
2 0 2

Hi, the old code worked but the problem is back and i cant change it . 

I used this one last time

.site-nav__dropdown, .search-bar__input, .cart-popup-wrapper {
background: #ffffff;
}