Safari не отображает часть моего контента

Question

поэтому у меня проблема, когда все работает так, как должно быть в хроме, но в сафари некоторые вещи просто не отображаются, как будто их там не было.

В моем навигаторе у него должны быть продукты, о, контакты и блог в хромированном виде, которые отображаются как таковые, но в сафари ссылка отсутствует. когда я проверил инспектора, он даже не скрыл его просто не в коде.

и один из моих фильтров на странице продукта снова отлично работает в хроме, но на сафари вкладка indiviudals просто не отображает какой-либо контент, а на вкладке медицинских школ отсутствует один из его элементов.

страница продукта

<section class="resource-list-block content-block"> 
<div class="product-overview col-sm-offset-1 col-sm-10 col-xl-offset-1 col-xl-10 resource-list-block__list"> 

     {% for product_page in product_pages %} 

     {% if product_page.get_content_model.public %} 
       <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 }}"> 
        <a href="{{product_page.get_absolute_url}}"> 
         {% include "includes/product-cover.html" with product=product_page.get_content_model.product %} 
        </a> 
       </div> 

     {% endif %} 

     {% endfor %} 
</div> 

продукта Пункт раздела

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

и нав код

{% load pages_tags i18n future %}{% spaceless %}<ul class="decker-menu generic-nav-list generic-nav-list--horizontal theme" id="hero-nav"> 
{% for child_page in page_branch %} 
    {% if child_page.in_menu %} 
    <li class="decker-menu__item"> 
     <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 %}" >{{ child_page.title }}</a> 
    </li> 
    {% endif %} 
{% endfor %}<li class="decker-menu__item login-btn"><a href="/decker" >Login</a></li><li class="decker-menu__item decker-menu__item--menu-button icon-hamburger open-menu"><a href="#">Menu</a></li></ul>{% endspaceless %} 

Answer 1

должен был войти в мезонин на сафари, а затем удалить содержимое, сохранить и обновить страницу, затем вернуться и повторно добавить его, чтобы исправить проблему. затем повторил этот шаг, чтобы исправить проблему в firefox .... так странно

спасибо!