Shopify themes, liquid, logos, and UX
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.
Here's the body code from the Theme.Liquid file:
<body class="template-{{ request.page_type | handle }}">
<a class="in-page-link visually-hidden skip-link" href="#MainContent">{{ 'general.accessibility.skip_to_content' | t }}</a>
{%- if settings.enable_ajax -%}
{% include 'cart-popup' %}
{%- endif -%}
{% section 'header' %}
<div class="page-container drawer-page-content" id="PageContainer">
<main class="main-content js-focus-hidden" id="MainContent" role="main" tabindex="-1">
{{ content_for_layout }}
</main>
{% section 'footer' %}
<div id="slideshow-info" class="visually-hidden" aria-hidden="true">
{{- 'sections.slideshow.navigation_instructions' | t -}}
</div>
</div>
<ul hidden>
<li id="a11y-refresh-page-message">{{ 'general.accessibility.refresh_page' | t }}</li>
<li id="a11y-selection-message">{{ 'general.accessibility.selection_help' | t }}</li>
</ul>
</body>
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.
Any feedback would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
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.
@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
Hi @AvidBrio, here is the URL for the website: https://khloeblvd.com/collections/all
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.
thanks so much for your assistance.
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.
This is an accepted solution.
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.
sent, thank you.
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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024