Transparent header navigation

Solved
CabWalsh
Tourist
5 0 4

Hi there, my client has asked if it is possible to make the header navigation transparent on the Monfee theme?

 

Thanks in advance,

Cheers,

C

Accepted Solution (1)

Accepted Solutions
Natztech
Shopify Partner
2230 564 1363

This is an accepted solution.

hello @CabWalsh 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-header  {
    background: transparent;
    width: 100%;
    position: relative;
}
.site-header  .grid {
    left:0px;
    position: absolute;
     top:0px;
    background: transparent;
}

 

View solution in original post

Replies 12 (12)
KetanKumar
Shopify Partner
24919 2496 9027

@CabWalsh 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good 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
CabWalsh
Tourist
5 0 4

Kia ora Ketan,

Thanks for reaching out with my issue. The URL is https://espressomerchants-co-nz.myshopify.com/.

My client would like to make the top nav section transparent so the image below is visible.

 

Screen Shot 2021-10-19 at 6.31.51 PM.png

 

Many Thanks,

Cab

dmwwebartisan
Shopify Partner
9731 2226 3055

@CabWalsh 

Please share store Password.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Zworthkey
Shopify Partner
2535 301 634

@CabWalsh 
Your Store is password protected.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Zworthkey
Shopify Partner
2535 301 634

Hii, @CabWalsh 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
KetanKumar
Shopify Partner
24919 2496 9027

@CabWalsh 

thanks for url but sorry your store is password protect

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
Natztech
Shopify Partner
2230 564 1363

hello @CabWalsh 

can you please share you shop preview url 

CabWalsh
Tourist
5 0 4

Sorry about that, the store password is: nayrib

 

Thanks,

Cab