• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Контент "прячется" в моб.версии

Image CMS

ОАА

Опытный
Местный
#1
Добрый день!

ПОМОГИТЕ, пожалуйста!:unsure::unsure::unsure::unsure::unsure:
В ходе работы с сайтом стала скрываться часть контента в мобильной версии. В мобильной версии пропадает область выбора характеристик товара и кнопка купить.
Через Google Сhrome просмотрела код пропадающей области.
Подскажите, что не так с кодом?o_O
Вот он:
Код:
<div class="summary entry-summary">

        <h1 itemprop="name" class="product_title entry-title">Дизайнерский столик</h1><div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">

    <p class="price"><span class="woocommerce-Price-amount amount">11570.00&nbsp;<span class="woocommerce-Price-currencySymbol">руб.</span></span></p>

    <meta itemprop="price" content="11570">
    <meta itemprop="priceCurrency" content="RUB">
    <link itemprop="availability" href="http://schema.org/InStock">

</div>
<div itemprop="description">
    <p><span style="color: #000000;">Размеры: высота 45 см, диаметр столешницы 65 см.</span></p>
</div>



   
    <form class="cart" method="post" enctype="multipart/form-data">
         <input type="hidden" class="tm-epo-counter" name="tm-epo-counter" value="1"><input type="hidden" class="tc-add-to-cart" name="tcaddtocart" value="3740">
         <div class="quantity">
    <input type="number" step="1" min="1" max="" name="quantity" value="1" title="Кол-во" class="input-text qty text" size="4" pattern="[0-9]*" inputmode="numeric">
</div>

         <input type="hidden" name="add-to-cart" value="3740">

         <button type="submit" class="single_add_to_cart_button button alt">Купить</button>

            </form>

   

<div class="yith-wcwl-add-to-wishlist add-to-wishlist-3740">
            <div class="yith-wcwl-add-button show" style="display:block">

           
<a href="/magazin/gostinaya/mebel-dlya-gostinoj/dizajnerskij-stolik/?add_to_wishlist=3740" rel="nofollow" data-product-id="3740" data-product-type="simple" class="add_to_wishlist single_add_to_wishlist button alt">
    <i class="fa fa-heart"></i>    В список желаний</a>
<img src="https://dusha-domy.ru/wp-content/plugins/yith-woocommerce-wishlist/assets/images/wpspin_light.gif" class="ajax-loading" alt="loading" width="16" height="16" style="visibility:hidden">
        </div>

        <div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;">
            <span class="feedback">Товар добавлен в список желаний!</span>
            <a href="https://dusha-domy.ru/wishlist/view/" rel="nofollow">
                Просмотреть список желаний            </a>
        </div>

        <div class="yith-wcwl-wishlistexistsbrowse hide" style="display:none">
            <span class="feedback">Товар уже в списке желаний!</span>
            <a href="https://dusha-domy.ru/wishlist/view/" rel="nofollow">
                Просмотреть список желаний            </a>
        </div>

        <div style="clear:both"></div>
        <div class="yith-wcwl-wishlistaddresponse"></div>
   
</div>

<div class="clear"></div><div class="product_meta">

   
   
    <span class="posted_in">Категории: <a href="https://dusha-domy.ru/product_cat/gostinaya/mebel-dlya-gostinoj/" rel="tag">Мебель для гостиной</a>, <a href="https://dusha-domy.ru/product_cat/mebel/stoly/" rel="tag">Столы</a></span>
   
   

            <span class="yith-wcbr-brands">
            Brand:            <span itemprop="brand"><a href="https://dusha-domy.ru/product-brands/sirius-lazernye-tehnologii/" rel="tag">«Сириус» лазерные технологии</a></span>
        </span>
   
            <span class="yith-wcbr-brands-logo">
                    </span>
   

</div>


    </div>
Брожу в интернете как слепой котенок - понимаю что ответ где-то есть, но не вижу и не знаю как его искать.:cry::cry::cry::cry::cry:
 

ОАА

Опытный
Местный
#3
В вашей родительской теме активно используются медиа-запросы (файл : https://dusha-domy.ru/wp-content/themes/stained-glass/style.css), которые отвечают за отображение на мобильный устройствах.
Вот там и нужно искать ответы на Ваши вопросы.
Как раз сейчас играю в жмурки с этим файлом... Ищу...:(
 

ОАА

Опытный
Местный
#4
В вашей родительской теме активно используются медиа-запросы (файл : https://dusha-domy.ru/wp-content/themes/stained-glass/style.css), которые отвечают за отображение на мобильный устройствах.
Вот там и нужно искать ответы на Ваши вопросы.
Подскажите, пожалуйста, примерно что искать?
display: none
Или еще возможен вариант?
 

ОАА

Опытный
Местный
#5
Нашла! В хром исправила none на block и все на экране отобразилось.
Код:
.entry-summary {
    display: block;
    padding: 0 10px;
}
Теперь нужно внести исправление в файл. Я использую дочернюю тему. Корректно ли данный код добавить в style.css дочерней темы?
 

searchingman

Гуру
Местный
#6
Нашла! В хром исправила none на block и все на экране отобразилось.
Код:
.entry-summary {
    display: block;
    padding: 0 10px;
}
Теперь нужно внести исправление в файл. Я использую дочернюю тему. Корректно ли данный код добавить в style.css дочерней темы?
Изменения вносите в дочернюю тему, т.е. нужно переопределить стили.
 

ОАА

Опытный
Местный
#7
Изменения вносите в дочернюю тему, т.е. нужно переопределить стили.
А что значат предупреждения в форме красного крестика и желтого треугольника с воскл.знаком?
При внесении некоторых строк в style.css дочерней темы выскакивают такие предупреждения....На сколько это плохо?
 

ADv

Гуру
Местный
#8
А что значат предупреждения в форме красного крестика и желтого треугольника с воскл.знаком?
При внесении некоторых строк в style.css дочерней темы выскакивают такие предупреждения....На сколько это плохо?
Вероятно, ошибка в синтаксисе