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
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:
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.
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
Hello @ellacoker Please follow these steps to add this CSS code:
Go to your Online Store
Click on “Themes”
Select “Edit code”
Open your “theme.liquid” file.
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.
@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:
Wait! I reloaded and it worked. Thank you so much.