Issue with Code Display and Formatting in Live View on Shopify Store

Shopify Discussion
1

Upon viewing my live store, I noticed an unusual section of code appearing in the multicolumn area, which is not intended for the front-end display. Additionally, text throughout the store is presented without any formatting, contrary to how it’s set up within the Shopify editor.

Furthermore, the padding that should provide space between elements is absent, resulting in all content appearing excessively close together. This issue only manifests in the live view of the store and differs significantly from the layout and appearance in the Shopify editor.
Can anyone help me?

Attempted Troubleshooting:

2

@anasofiav If you need this debugged and fixed then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Contact info in signature.

Quick guess the section has either malformed HTML in it either in the sections code itself, a custom-liquid setting/block, or a custom-css with malformed CSS.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

Validate a sites html

https://validator.w3.org/ (url MUST be publicly accessible for the tool to work)