Solved

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

Only1mrsfragili
Trailblazer
154 3 37

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.

Accepted Solution (1)

PageFly-Henry
Astronaut
1074 308 262

This is an 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.

PageFlyHenry_0-1713196144969.png

 

 

<style>

@media (max-width: 767px){

.section-wrapper {

    margin: 0 !important;

}}

</style>

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 7 (7)

Hardik2903
Excursionist
55 6 7

@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
Trailblazer
154 3 37

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

IMG_0861.png

Hardik2903
Excursionist
55 6 7

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

Only1mrsfragili
Trailblazer
154 3 37

Done 🙂

PageFly-Henry
Astronaut
1074 308 262

This is an 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.

PageFlyHenry_0-1713196144969.png

 

 

<style>

@media (max-width: 767px){

.section-wrapper {

    margin: 0 !important;

}}

</style>

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Only1mrsfragili
Trailblazer
154 3 37

Thank you so much!

PageFly-Henry
Astronaut
1074 308 262

You are welcome 😊

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.