Hide Header and Footer In Ride Theme

Store Design
, , ,
1

Hi everyone, hope someone can help me out. I’m creating a link page on my Shopify with the Ride theme. And I want to hide the header and footer just for this page. I try follow some codes shared here on this community, but none of them work. Could someone please give me a hand ?

The website url is: www.gastonduflos.com/links or www.gastonduflos.com/pages/links

Thank you very much!

2

Hello @GASTY ,

  1. Go to your Shopify admin.
  2. Navigate to Online Store.
  3. Click on Themes.
  4. Find the Edit Code option.
  5. Locate the theme.liquid file.
  6. Add the following code snippet at the bottom of the file, just above the tag:
{% if page.handle == 'links' %}

{% endif %}

Thanks!

3

Hi @GASTY

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-1714913487151.png
PageFlyHenry_0-1714913487151.png1365×651 47.6 KB

{% if page.url == ‘/pages/links’ %}

sticky-header, .shopify-section-group-footer-group { display: none !important; }

{% endif %}

Hope that my solution works for you.

Best regards,

Henry | PageFly