Hi, I’m having an issue with this random text showing up above the header of my website. I believe it may be coming from my a code issue in my ‘theme.liquid’ file but I’m not sure how to fix it. I’ve been playing around with the body section but no luck.
Here’s a screenshot of what I’m seeing above my header.
{%- if settings.enable_ajax -%}
{% include ‘cart-popup’ %}
{%- endif -%}
{% section ‘header’ %}
{{ content_for_layout }}
{% section ‘footer’ %}
{{- 'sections.slideshow.navigation_instructions' | t -}}
{{ 'general.accessibility.refresh_page' | t }}
{{ 'general.accessibility.selection_help' | t }}
When I look at it in one of my browsers and inspect the code for the page, I think I see the place were the code is incorrect, but I can’t find it anywhere in my theme files.
@darnell11 I can see your theme.liquid code not break so {% section ‘header’ %} check your section/header.liquid file if still not can you share your website URL so or share dev access with DM
It’s odd because the issue is not happening on the homepage, but it is showing up on all of the other pages. I’m also not sure what you mean by “I can see your theme.liquid code not break so{% section ‘header’ %} check your section/header.liquid file” I have checked the files but unsure what I am looking for to change.
It’s unlikely that it is related to a Section file as noted by AvidBrio. If you have not edited the code I would guess that you might have added a shop setting incorrectly, or an app has added something unexpected.
Can you share the storefront password (not the Admin password!) so we can see it? Being able to see it will help narrow it down.
Hi @Jason , I’m fairly new to the shopify forum. Can you send me a PM and I can reply with the credentials? I can’t figure out a way to share the password securely.
I turned on messaging briefly. I don’t generally enable it as I get buried pretty quickly.
You should be able to click on my name under my profile image and see a message button.
Thanks for sending over the storefront password. It was helpful.
Right clicking on the page and viewing the source (eg, https://www.howtogeek.com/416108/how-to-view-the-html-source-in-google-chrome/) helped me see the likely cause. It looks like there’s HTML added into the shops meta description. That HTML is creating invalid code, and essentially breaking things. The browser does its best to fix things but results in left over parts being shown.
Head to the where you set the shops description and remove the HTML code in there. It should not have any HTML in there - just plain language words. The admin url will be like “/admin/online_store/preferences”, and look for “Title and meta description” section at the top of the page.
Thanks so much! It looks like I copied the code from a meta data description creator and put it in the meta data field when I should just have placed the text only in there. Removing the code and just using the text fixed the issue.
