How can i make the main menu text background transparent

Solved
Ellenfilzi
Tourist
9 0 0

Hi, 

I am looking for a solution, tried many codes that were advised in other topics but nothing worked. I want my main menu text background to be transparent so i can put an image behind it. Also if someone knows how to put the image also behind the top bar where the search bar etc is that would be great!!! Here is my website.4F9CFB00-32C7-46C1-ADC5-7180A317F862.png

Accepted Solution (1)

Accepted Solutions
Pallavi
Shopify Expert
2458 411 532

This is an accepted solution.

Hello There,

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

a.site-nav__link {
background-color: transparent!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 8 (8)
Pallavi
Shopify Expert
2458 411 532

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Ellenfilzi
Tourist
9 0 0

I am working on a copy of my website so it’s not visible!

This is the screenshot

FAB8688C-7FF9-40A5-8548-60713F0ACAAC.png

Pallavi
Shopify Expert
2458 411 532

please share preview link

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Pallavi
Shopify Expert
2458 411 532

This is an accepted solution.

Hello There,

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

a.site-nav__link {
background-color: transparent!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Ellenfilzi
Tourist
9 0 0

Thank you so much!! It worked 

Pallavi
Shopify Expert
2458 411 532

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
DeadEndStreet
Explorer
103 0 35

Hi - I also used this to make my background transparent but it does not make my navigation/main menu bar transparent - how do I do this?

Also I now have sections that overlap into the header area.

I also want to move my nav bar to the top of my page - I am using venture theme