Text has popped up below footer

Topic summary

A Shopify store owner discovered unexpected CSS code displaying below their website footer. The issue stemmed from a malformed HTML tag in the theme.liquid file.

Root Cause:
A missing closing bracket (“>”) in a div tag with class “shopify-policy__container” caused CSS styling code to render as visible text on the page instead of being properly enclosed.

Solution Steps:

  1. Navigate to Online Store → Themes → Edit code
  2. Open the theme.liquid file
  3. Search for “shopify-policy__container”
  4. Add the missing “>” to properly close the div tag
  5. Save the file

Resolution:
After implementing the fix and reloading the page, the unwanted text disappeared completely. Multiple community members identified the same HTML syntax error through screenshots, confirming the diagnosis before the successful resolution.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Hello,

I just realised this text below my footer? can someone please help me remove it?

Thank you, Ella.

URL; https://www.samiyaskincare.com.au

Password: ellacoker

1 Like

Hello @ellacoker Please follow these steps to add this CSS code:

  1. Go to your Online Store

  2. Click on “Themes”

  3. Select “Edit code”

  4. Open your “theme.liquid” file.

  5. Find(ctrl + f) the CSS code in your file and remove this CSS code from here or apply the style tag to this code.

<style>
 .site-header {width: 100%;} @media (max-width: 749px) {html .cart-notification-wrapper.page-width {padding: 0 1rem; }} @media screen and (min-width: 769px) {.cart-notification-wrapper.page-width {padding: 0 !important; }} .page-width.utility-bar__grid {padding-block: 0 !important;} .rich-text__buttons.scroll-trigger.animate--slide-in {padding-top: 30px !important;} 
</style>

Remove that code and apply style tag like above code that given in

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

Thank you for your response, unfortunately when I go to search that code nothing comes up?

@ellacoker , Please search and keyword from the code into the “theme.liquid” file, or you can search this into your theme customisation of the theme, in this case i think you put this CSS in the any text block, HTML block or in any section by mistake. Please check into the theme customisation and also check in any rendered snippet file of you theme file.

Hi,

I am really confused. I tried to search the CSS code in the “theme.liquid” file and nothing came up.

Hi @ellacoker

Please help me check if there is any error code in the theme.liquid file, below the footer code as shown in the picture
If not, please copy and share the theme.liquid file code so I can check it for you

Hi @ellacoker

Please open theme.liquid, or footer.liquid file, find the code you mentioned in image above, wrap them into code below


Or remove them and save file.

This is Richard from PageFly - Shopify Page Builder App

HI @ellacoker
I checked your site, look like you have a missing “>” when added code in theme.liquid file
The correct close tag is


Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

Hi @ellacoker

Please refer to this attached screenshot.

Follow these steps:

  • Action >> Edit theme >> theme.liquid >> Find (shopify-policy__container) >> then add “>”

Hi!

Thank you! This got rid of most of it but there is still some left. please see screenshot. Ella

Wait! I reloaded and it worked. Thank you so much.