Need Help Figuring out to Removing extra code showing up at bottom of all pages on Mobile

Store Design
, , ,

Topic summary

A user encountered CSS code displaying as visible text at the bottom of mobile pages (not on desktop) on their Shopify store. The problematic code included styling for AddToCart buttons and payment buttons.

Root Cause:
The CSS was added directly as text content instead of being properly enclosed within <style> tags.

Solution Provided:
Multiple community members suggested:

  • Locating the raw CSS code (likely in the theme.liquid file at the bottom)
  • Wrapping it within proper <style> tags: <style>...</style>
  • Alternatively, removing the code if unnecessary

Resolution:
The original poster confirmed the solution worked successfully after implementing the suggested fix.

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

Can someone please help me figure out how to remove this odd amount of code that is showing up on the bottom of each page on mobile phones and devices? It’s not showing up on desktop.

My website: www.axladvanced.com

Text/code showing up on bottom:

button#AddToCart-product-template { background: #0AA9BD; color: #fff; } .shopify-payment-button__button { background: transparent !important; color: #0AA9BD !important; border-color: #0AA9BD !important; } .shopify-payment-button__button:hover { color: #fff !important; }

My website: www.axladvanced.com

Thank you!

1 Like
2

The code is showing in this way because you didn’t enclose it with a Style tag. So please make sure you enclose it with style tag.

3

Hi @JohnSmith2

You can try to find that code in theme.liquid file at the very bottom of the file, then remove that code or wrap it into this code
4

Hi, @JohnSmith2

Based on your description, it appears that CSS code is being rendered as visible text at the bottom of your pages on mobile devices. This issue typically arises when CSS is added directly as text content rather than being enclosed within proper tags or linked as an external stylesheet.

If you find the CSS code pasted directly into a content area, modify it as follows:

Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!

5

Thank you! That worked perfectly!