Removed Footer

Product Development & Sourcing
1 
Hi, I played a bit with the coding and probably removed the footer from the product page and I don't know how to fix it. Could someone please help me?
3 Likes
2

Hi @Teaphoria

Could you share the code you added and the file you modified? That’ll help pinpoint the issue.

Also, can you check in Admin > Online Store > Customize > Product Page to see if the footer section is present but hidden? Here’s where to look:

swappy-20241125_054859.png
swappy-20241125_054859.png315×304 5.17 KB

If the footer is missing entirely, it might be related to the theme file edits. Let me know, and I’ll help you narrow it down!

3 
I can see the footer in the product page, but I don't know what code I added and what file i modified.
4

Could you send me a screenshot of the footer area in Admin, on the product page?

5

C8ud.png
C8ud.png1920×920 259 KB

6

Can you please help me?

7

Hi @Teaphoria ,

Apologies for the delayed response!

Could you share the link to the product page where the footer issue is occurring? If your store is password-protected, please also provide the storefront password so I can take a closer look.

8

Hi, no problem.

Here is the Product Page

9

Hi @Teaphoria ,

In Admin > Online Store > customise > edit code:

Do you have a file called teophoriapot-the-ultimate-tea?

Around line 784 there’s a style tag that’s setting the footer to display:none

.footer {
  display: none !important;
}

Changing this to:

.footer {
  display: block !important;
}

Will make the footer visible, like this:

swappy-20241130_182811.png
swappy-20241130_182811.png1103×759 60.9 KB

Let me know if you need anymore details!

10

Hi i dont have a file called teophoriapot-the-ultimate-tea.

What now?

11

It looks like there’s a custom style rule (footer {display: none}) applied specifically to the product page where the footer is missing.

This isn’t coming from a CSS file, so it might have been added manually in the admin panel.

Could you check the Theme Editor in Online Store > Themes > Customise, see if there’s anything in Custom CSS for your Footer (send me a screenshot)

As a quick fix, you could add this rule to your ‘Custom CSS’ in the Theme Editor for that Product page

.footer { 
  display: block !important; 
}

Let me know what you find!

12

I dont know how to this: Could you check the Theme Editor in Online Store > Themes > Customise, see if there’s anything in Custom CSS for your Footer (send me a screenshot)

13

Previously you sent me this screenshot:

C8ud.png
C8ud.png1920×920 259 KB

Head to the same place and select Footer on the left side bar.

swappy-20241201_063655.png
swappy-20241201_063655.png338×294 7.61 KB

More information about the footer will appear on the right side bar - if you scroll down there’ll be a section called Custom CSS:

swappy-20241201_063709.png
swappy-20241201_063709.png1039×538 33.4 KB

Please then send me a screenshot of your Custom CSS.

14

Alright here it is and thank you for helping me.

Teaphoria_0-1733045875115.png
Teaphoria_0-1733045875115.png1907×274 27.8 KB

15

Hi!

The style hiding your footer is being added directly into the page for this product, likely from your theme.

Here’s what you can do:

Check your theme code:

Go to Online Store > Themes > Customise > Edit Code

Look in these files for the following rule:

.footer { 
  display: none; 
}
  • theme.liquid (in the Layout folder)
  • product.liquid, product.template.liquid, footer.liquid (in the Sections folder)
  • Any files with names like section-footer.css or section-main-product.css (in the Sections or Assets folders)

Let me know what you find!

16

Yea i have it in theme.liquid, it says

.footer {display: none !important;

What Now?

17

Never mind i have it.

Thank you very much.

1 Like