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

Store Design
, , ,

Topic summary

A user seeks to make the menu transparent on both desktop and mobile, and hide the footer exclusively on the home page for a Turbo theme store.

Initial Attempts:

  • Hardik2903 provided CSS code to paste in theme.liquid before , but this solution did not work—the footer remained visible and the menu only became transparent on scroll.

Working Solution:

  • PageFly-Henry offered an alternative approach:
    1. Navigate to Online Store → Theme → Edit code
    2. Locate theme.liquid file
    3. Insert CSS code before the tag targeting .section-wrapper with margin: 0 !important within a media query (@media (max-width: 767px))

Outcome:

  • The user confirmed the solution worked and thanked PageFly-Henry.
  • Issue appears resolved with the second CSS implementation.
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

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.

2

@Only1mrsfragili

Please go to

  1. Online store
  2. Themes → Edit theme
  3. Layout
  4. theme.liquid and paste this code before
3

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

IMG_0861.png
IMG_0861.png1170×2532 233 KB

4

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

5

Done :slightly_smiling_face:

6

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 → save.

PageFlyHenry_0-1713196144969.png
PageFlyHenry_0-1713196144969.png1365×651 47.6 KB

@media (max-width: 767px){ .section-wrapper { margin: 0 !important; }}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like
7

Thank you so much!

1 Like
8

You are welcome :blush: