How can I hide the footer on a specific page in Grid v2.0.6?

Store Design
, ,
1

Hey, I need to hide just the footer on this page–> https://sette.co.il/pages/izipizixotello

My theme is

Grid version v2.0.6

Help please?

2

@Dvir1324

Step 1: You need to be able to target a specific page with CSS. Go to your theme.liquid file and find the tag

Step 2: Add this code to the body tag

 id="{{ page_title | handle }}"

So that your body tag looks like this:

<body id="{{ page_title | handle }}" >

Step 3: Then before the end of the body tag in theme.liquid add this code:

    <style>
#quiz .header-wrapper{
    display: none !important;
}

#quiz .footer{
    display: none !important;
}

Replace #quiz with the title of your page. So if your page is titled Landing page, it would be landing-page

Step 4: Click Save and check how the page looks.

3

Nope it didn’t work. is there another way?

4

Hey @Dvir1324
Kindly share the URL of the page from where you want to hide the footer

5

This is the URL:

https://sette.co.il/pages/izipizixotello

6

Hey @Dvir1324

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag
{% if page.handle == "izipizixotello" %}

{% endif %}

Moeed_0-1689848556730.png
Moeed_0-1689848556730.png1901×919 122 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed