make menu transparts and no footer on the home page. Turbro Theme

[Only1mrsfragili]

Hello How do I make the menu transparent on desktop and mobile? I also would like to hide the footer on the home page only. This is the preview link on where I'm trying to make these changes.  

https://0dzxtqo9pyb9rh9s-55024255114.shopifypreview.com

Thanks in advance.

[Hardik2903]

@Only1mrsfragili 

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
#shopify-section-header header.search-enabled--false {
  position: absolute;
  width: 100%;
}

#shopify-section-header .top-bar .top-bar__menu a,
#shopify-section-header .icon-bag,
#shopify-section-header .icon-bag .cart_count,
#shopify-section-header .nav-desktop ul li .nav-desktop__tier-1-link span,
#shopify-section-header .nav-desktop ul li .nav-desktop__tier-1-link .icon-down-arrow {
  color: #ffffff !important;
}

#header .top-bar .mobile_nav div span {
  background: #ffffff;
}

{% if template.name == 'index' %} 
  #shopify-section-footer {
    display: none !important;
  }
{% endif %}
</style>

[Only1mrsfragili]

It didn’t work the footer is still there and the menu is only transparent when I scroll down.

 

[Hardik2903]

@Only1mrsfragili 
Can you please set the code so that I can checkout.

[Only1mrsfragili]

Done 🙂

[PageFly-Henry · Accepted solution]

Hi  @Only1mrsfragili 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

<style>

@media (max-width: 767px){

.section-wrapper {

    margin: 0 !important;

}}

</style>

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Only1mrsfragili]

Thank you so much!

[PageFly-Henry]

You are welcome 😊