Div с позицией: исправлено не видно на мобильном Ответственный дизайн

Question

У меня есть веб-сайт с интегрированным чат-скриптом. Мы создали кнопку изображения вместо ссылки по умолчанию, предоставленной компанией.

Див, в котором изображение находится, помечено как фиксированное положение и оно отображается в правом нижнем углу браузера на рабочем столе.

Если я открою то же самое в мобильном, div не будет виден, хотя дизайн будет Отзывчивым.

Ниже CSS, который используется для обеих версий

@media (max-width: 768px){ 
#theradome-proonto { 
position: fixed; 
bottom: 30px; 
right: 12px; 
background: white; 
z-index: 99999; 
-webkit-backface-visibility: hidden; 
} 
} 

@media (min-width: 768px){ 
#theradome-proonto { 
position: fixed; 
bottom: 30px; 
right: 12px; 
background: white; 
z-index: 99999; 
} 
} 

Мой сайт http://www.theradome.com он построен в WordPress

Answer 1

Снимите #theradome-proonto в modal.less на линии 95

Это правило css устанавливает display: none для вашего div#theradome-proonto Это это правило CSS, которое влияет на правильное отображение вашего div.

@media screen and (max-width: 767px) 
    #STM_root_elem, #theradome-proonto, .doctor_trusted { 
     display: none !important; 
} 

Попробуйте изменить это, следуя CSS

@media (max-width: 768px){ 
    #theradome-proonto { 
     position: fixed; 
     bottom: 30px; 
     right: 12px; 
     background: white; 
     z-index: 99999; 
     -webkit-backface-visibility: hidden; 
     display: block !important; /* this line is important! */ 
    } 
} 

Edit 2 Что в вашем style.css на линии ? Потому что когда я открываю style.css в моем браузере, я смотрю следующий комментарий к линия 2671 - /* rules for all mobile resolutions (< 768) */, за которым следует CSS, о котором я упомянул ранее.

Если вы не можете найти его, мой последний совет вам - попробуйте разместить CSS я добавил (это один с display: block !important) в конце вашего style.css