Random "> "> text above my header

Solved
Highlighted
Tourist
8 0 1

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.

Header IssueHeader Issue

 

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.

Inspection Code.JPG

 

Any feedback would be greatly appreciated.

0 Likes
Highlighted
Shopify Expert
44 1 4

@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

1 Like
Highlighted
Tourist
8 0 1

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.

1 Like
Highlighted
Shopify Expert
10007 116 1817

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.

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
1 Like
Highlighted
Tourist
8 0 1

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.

0 Likes
Highlighted
Shopify Expert
10007 116 1817

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.

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
1 Like
Highlighted
Tourist
8 0 1

sent, thank you.

0 Likes
Highlighted
Shopify Expert
10007 116 1817

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.

 

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
1 Like
Highlighted
Tourist
8 0 1

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.

0 Likes