Answers.Body: <p>Finally figured this out! GoDaddy was adding some random JavaScript to my page because my client had purchased a "Search Engine Visibility" package from them. When I turned off that package inside GoDaddy, my page worked as expected.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-03-08T17:10:30.960Z
Answers.LastActivityDate: 2019-03-08T17:10:30.960Z
Answers.UserDisplayName: Jon Weedin
Answers.Body: <p>Your <code>&lt;div class="cell small-12 medium-7 large-5 circle-container"&gt;</code> is well displayed in the source code, but not in the inspector; Try to remove and/or fix what interfere with this piece of HTML (JS?).</p>
  
  <p>Edit: If I disable JavaScript on my browser, everything is fine on your site.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-02-07T17:28:41.903Z
Answers.Text: It appears that **jshint** (the last `<script>` tag in the `<head>`) is being injected into my site, but that's not in my template. I'm only loading Google Analytics, jquery, and a custom app.js; when I removed those three `<script>` tags from my _layout, it still had the same issue. Any idea on how to remove this random `<script>` that shouldn't be on my site?
Answers.UserDisplayName: Jon Weedin
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-02-08T14:38:09.307Z
Answers.Text: You have no control on that JS? Is it hooked by some Craft tag, try to put your JS in the footer (or remove the `{{ head() }}` function for test purpose.
Answers.UserDisplayName: Maxime Lafrenière
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-02-06T21:44:41.740Z
Answers.LastActivityDate: 2019-02-07T02:07:57.953Z
Answers.LastEditDate: 2019-02-07T02:07:57.953Z
Answers.UserDisplayName: Maxime Lafrenière
Body: <p>One of my clients' sites is <a href="https://anovaworks.com/" rel="nofollow noreferrer">https://anovaworks.com/</a>. The second section on the homepage looks like this:
  <a href="https://i.sstatic.net/7wpax.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/7wpax.png" alt="https://anovaworks.com/"></a></p>
  
  <p>There's some small black text in the top left of the image that's coming from a matrix field.</p>
  
  <p>It's supposed to look like this, and if you go to <a href="https://anovaworks.com/index.php" rel="nofollow noreferrer">https://anovaworks.com/index.php</a> or <a href="https://anovaworks.com/?" rel="nofollow noreferrer">https://anovaworks.com/?</a>, it looks correct:
  <a href="https://i.sstatic.net/FyogU.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/FyogU.png" alt="https://anovaworks.com/index.php"></a></p>
  
  <p>I cannot figure out what's causing this. Anyone have any ideas?</p>
  
  <p>Template code:</p>
  
  <pre><code>&lt;section class="homepage-tagline"&gt;
    &lt;div class="grid-container"&gt;
      &lt;div class="grid-x"&gt;
        &lt;div class="cell small-12 medium-7 large-5 circle-container"&gt;
          {# blue circle svg #}
          {% for matrix in entry.homepageTagline.all() %}
            &lt;h2&gt;{{ matrix.firstLine}}&lt;br&gt;{{ matrix.secondLine }}&lt;/h2&gt;
          {% endfor %}
            &lt;a href="{{ entry.homepageTaglineButtonLink.one().url }}"&gt;&lt;button class="button"&gt;{{ entry.homepageTaglineButtonText }}&lt;/button&gt;&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-06T17:29:44.763Z
Comments.Text: Not much info to go on here, can you share the template code for that div?
Comments.UserDisplayName: Roi Agneta
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-06T18:31:05.013Z
Comments.Text: The container <div class="cell small-12 medium-7 large-5 circle-container"> is not showing up in the case where the circle does not appear, suggesting that there is some kind of routing issue and multiple templates. Make sure there are no routes and that Settings > Section specifies the correct path to your template
Comments.UserDisplayName: Roi Agneta
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-06T18:48:37.907Z
Comments.Text: I don't have any routes, and the section is using the correct template.
Comments.UserDisplayName: Jon Weedin
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-06T19:45:20.260Z
Comments.Text: There is definitely something going on in terms of the template that is being loaded. The <head> section of the page is different for the version that works. Which version of Craft are you running?
Comments.UserDisplayName: Roi Agneta
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-06T21:39:40.513Z
Comments.Text: I'm on Craft 3.1.8.
Comments.UserDisplayName: Jon Weedin
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-06T21:41:43.853Z
Comments.Text: If you remove the SVG like you did in your question, is it all ok? The error seems to come before your {# comment #} and since the only thing after `<div class="cell small-12 medium-7 large-5 circle-container">` is your SVG; it may lead to something.
Comments.UserDisplayName: Maxime Lafrenière
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-06T22:24:09.323Z
Comments.Text: @MaximeLafrenière I changed the SVG into an `<img>`, and it's still having the issue at https://anovaworks.com/, but the new `<img>` is showing just fine at https://anovaworks.com/index.php
Comments.UserDisplayName: Jon Weedin
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-07T00:22:57.150Z
Comments.Text: Is the template code you provided verbatim, or are there some includes in the actual template? The strange thing is the HTML on the page that works shows the matrix content inside a div with a class of 'circle content', which does not appear in the code you printed above. That div, and it's parent div.circle, do not appear in the HTML for a page that exhibits the problem, so there are either two different templates or something happening with includes.
Comments.UserDisplayName: Roi Agneta
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-07T02:06:40.327Z
Comments.Text: @RoiAgneta everything is in the source code (dont look at the inspector preview, but the code itself.
Comments.UserDisplayName: Maxime Lafrenière
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-02-07T02:06:43.543Z
Comments.Text: @JonWeedin look at my answer, its really your javascript that cause your issue.
Comments.UserDisplayName: Maxime Lafrenière
Tags: <craft3>
Title: Page ignoring template
ThreadText: # Page ignoring template
  
  (Asked by: username_0 on 2019-02-06)
  
  One of my clients' sites is <https://anovaworks.com/>. The second section on the homepage looks like this:
  [![https://anovaworks.com/](https://i.sstatic.net/7wpax.png)](https://i.sstatic.net/7wpax.png)
  
  There's some small black text in the top left of the image that's coming from a matrix field.
  
  It's supposed to look like this, and if you go to <https://anovaworks.com/index.php> or <https://anovaworks.com/?>, it looks correct:
  [![https://anovaworks.com/index.php](https://i.sstatic.net/FyogU.png)](https://i.sstatic.net/FyogU.png)
  
  I cannot figure out what's causing this. Anyone have any ideas?
  
  Template code:
  
  ```
  <section class="homepage-tagline">
    <div class="grid-container">
      <div class="grid-x">
        <div class="cell small-12 medium-7 large-5 circle-container">
          {# blue circle svg #}
          {% for matrix in entry.homepageTagline.all() %}
            <h2>{{ matrix.firstLine}}<br>{{ matrix.secondLine }}</h2>
          {% endfor %}
            <a href="{{ entry.homepageTaglineButtonLink.one().url }}"><button class="button">{{ entry.homepageTaglineButtonText }}</button></a>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  ```
  
  **Tags:** craft3
  
  > **Comments:**
  > **username_1**: Not much info to go on here, can you share the template code for that div?  
  > **username_1**: The container <div class="cell small-12 medium-7 large-5 circle-container"> is not showing up in the case where the circle does not appear, suggesting that there is some kind of routing issue and multiple templates. Make sure there are no routes and that Settings > Section specifies the correct path to your template  
  > **username_0**: I don't have any routes, and the section is using the correct template.  
  > **username_1**: There is definitely something going on in terms of the template that is being loaded. The <head> section of the page is different for the version that works. Which version of Craft are you running?  
  > **username_0**: I'm on Craft 3.1.8.  
  > **username_2**: If you remove the SVG like you did in your question, is it all ok? The error seems to come before your {# comment #} and since the only thing after `<div class="cell small-12 medium-7 large-5 circle-container">` is your SVG; it may lead to something.  
  > **username_0**: @username_2 I changed the SVG into an `<img>`, and it's still having the issue at https://anovaworks.com/, but the new `<img>` is showing just fine at https://anovaworks.com/index.php  
  > **username_1**: Is the template code you provided verbatim, or are there some includes in the actual template? The strange thing is the HTML on the page that works shows the matrix content inside a div with a class of 'circle content', which does not appear in the code you printed above. That div, and it's parent div.circle, do not appear in the HTML for a page that exhibits the problem, so there are either two different templates or something happening with includes.  
  > **username_2**: @username_1 everything is in the source code (dont look at the inspector preview, but the code itself.  
  > **username_2**: @username_0 look at my answer, its really your javascript that cause your issue.  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_0 on 2019-03-08. Score: 1 | Accepted answer
  
  Finally figured this out! GoDaddy was adding some random JavaScript to my page because my client had purchased a "Search Engine Visibility" package from them. When I turned off that package inside GoDaddy, my page worked as expected.
  
  
  ---
  
  ### Answer by username_2 on 2019-02-06. Score: 2
  
  Your `<div class="cell small-12 medium-7 large-5 circle-container">` is well displayed in the source code, but not in the inspector; Try to remove and/or fix what interfere with this piece of HTML (JS?).
  
  Edit: If I disable JavaScript on my browser, everything is fine on your site.
  
  > **Comments:**
  > **username_0**: It appears that **jshint** (the last `<script>` tag in the `<head>`) is being injected into my site, but that's not in my template. I'm only loading Google Analytics, jquery, and a custom app.js; when I removed those three `<script>` tags from my _layout, it still had the same issue. Any idea on how to remove this random `<script>` that shouldn't be on my site?  
  > **username_2**: You have no control on that JS? Is it hooked by some Craft tag, try to put your JS in the footer (or remove the `{{ head() }}` function for test purpose.  
  
  ---
  
  