Safari not displaying some of my content
<p>so i have an issue where everything works as it should in chrome but in safari some things are just not displayed  as if they weren't there.</p>

<p>in my nav it should have products, about, contact and blog in chrome it displays as such, but in safari the contact link is missing. when i checked the inspector its not even hidden its just not in the code.</p>

<p>and one of my filters on the product page again works fine in chrome but in safari the indiviudals tab just doesn't display any content and the medical schools tab is missing one of its items.</p>

<p><a href="https://i.stack.imgur.com/7ce6t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7ce6t.png" alt="safari"></a><a href="https://i.stack.imgur.com/tnfPW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tnfPW.png" alt="chrome"></a><a href="https://i.stack.imgur.com/CMQGV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CMQGV.png" alt="safari"></a><a href="https://i.stack.imgur.com/0w8QA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0w8QA.png" alt="chrome"></a></p>

<p>product page</p>

<pre><code>&lt;section class="resource-list-block content-block"&gt;
&lt;div class="product-overview col-sm-offset-1 col-sm-10 col-xl-offset-1 col-xl-10 resource-list-block__list"&gt;

        {% for product_page in product_pages %}

        {% if product_page.get_content_model.public %}
                &lt;div class="col-sm-6 col-md-4 col-xl-4 cover resource-list-block__list__item resource-list-block__list__item--important filterable product-list-block__list__item filtered-cat filtered-filt" data-category="{{ product_page.get_content_model.specialties.all|specialties }}" data-filter="{{ product_page.get_content_model.tags.all|tags }}"&gt;
                    &lt;a href="{{product_page.get_absolute_url}}"&gt;
                        {% include "includes/product-cover.html" with product=product_page.get_content_model.product %}
                    &lt;/a&gt;
                &lt;/div&gt;

        {% endif %}

        {% endfor %}  
&lt;/div&gt;
</code></pre>

<p>product-item section</p>

<pre><code>{% load staticfiles compress %}&lt;div class="sans-serif cover-page"&gt;
&lt;figure class="figure-cover" style="background-color:#{{product.theme_color}} !important;"&gt;
    &lt;div class="cover-img center-block"&gt;&lt;img src="{{product.element_icon.url}}" class="img-responsive center-block" alt="{{product.title}} Image"&gt;&lt;/div&gt;
    &lt;div class="product-count"&gt;
    &lt;div class="text-center"&gt;&lt;i class="fa fa-calendar"&gt;&lt;/i&gt;&lt;span class="small-text"&gt; {{ product.updates_per_year }} updates per year&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="clearfix"&gt;&lt;/div&gt;
    &lt;div class="text-center type-name"&gt;
        &lt;h3 class="sans-serif"&gt;{{ product_page.get_content_model.product_type | upper }}&lt;/h3&gt;
        &lt;h4 class="sans-serif hidden-md hidden-sm hidden-xs"&gt;{{ product_page.get_content_model.editor_text }} &lt;br&gt; {{ product_page.get_content_model.editor_title_text }}&lt;/h4&gt;
        &lt;h4 class="sans-serif"&gt;ISSN {{ product.issn }}&lt;/h4&gt;
    &lt;/div&gt;
&lt;/figure&gt;
&lt;figure class="product-content" {% if product.theme_color = 'AF1F24' %} style="background-color:#f2e4e5 !important" {% endif%}&gt;
   &lt;div class="cover-img center-block"&gt;&lt;img src="{{product.element_icon_alt.url}}" class="img-responsive center-block" alt="{{product.title}} Image"&gt;&lt;/div&gt;
    &lt;div class="clearfix"&gt;&lt;/div&gt;
    &lt;h2 class="text-center type-name"&gt;{{ product.title | upper }}&lt;/h2&gt;
    &lt;figcaption&gt;
        &lt;p&gt;{{ product_page.get_content_model.intro }}&lt;/p&gt;
    &lt;/figcaption&gt;
&lt;/figure&gt;
</code></pre>

<p></p>

<p>and the nav code</p>

<pre><code>{% load pages_tags i18n future  %}{% spaceless %}&lt;ul class="decker-menu generic-nav-list generic-nav-list--horizontal theme" id="hero-nav"&gt;
{% for child_page in page_branch %}
   {% if child_page.in_menu %}
    &lt;li class="decker-menu__item"&gt;
        &lt;a {% if child_page == page or child_page in page.get_ascendants %} class="active important" {% endif %} href="{% if child_page.slug|slice:":4" == 'http' %}{{ child_page.slug }}{% else %} {{ child_page.get_absolute_url }}{% endif %}" &gt;{{ child_page.title }}&lt;/a&gt;
    &lt;/li&gt;
    {% endif %}
{% endfor %}&lt;li class="decker-menu__item login-btn"&gt;&lt;a href="/decker" &gt;Login&lt;/a&gt;&lt;/li&gt;&lt;li class="decker-menu__item decker-menu__item--menu-button icon-hamburger open-menu"&gt;&lt;a href="#"&gt;Menu&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;{% endspaceless %}
</code></pre>