Solved

Random "> "> text above my header

darnell11
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.

Accepted Solution (1)
Jason
Shopify Expert
11190 225 2282

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.

★ I jump on these forums in my free time to help and share some insights. Not looking to be hired, and not looking for work. http://freakdesign.com.au ★

View solution in original post

Replies 8 (8)

AvidBrio
Shopify Expert
295 17 29

@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

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
darnell11
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.

Jason
Shopify Expert
11190 225 2282

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.

★ I jump on these forums in my free time to help and share some insights. Not looking to be hired, and not looking for work. http://freakdesign.com.au ★
darnell11
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.

Jason
Shopify Expert
11190 225 2282

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.

★ I jump on these forums in my free time to help and share some insights. Not looking to be hired, and not looking for work. http://freakdesign.com.au ★
darnell11
Tourist
8 0 1

sent, thank you.

Jason
Shopify Expert
11190 225 2282

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.

 

★ I jump on these forums in my free time to help and share some insights. Not looking to be hired, and not looking for work. http://freakdesign.com.au ★
darnell11
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.