Нежелательная тень на веб-сайте появляется и отзывчивый разрыв

Question

В настоящее время я обновляю / работаю над этой веб-страницей " https://www.emergencydentalservice.com/emergency-dentist-by-city", и их нежелательная тень в теле появляется в теле, и я не могу определить, откуда и почему. Наверху нежелательной тени сайт также, кажется, ломается после 768 пикселей, и я не могу понять, почему. Любая помощь будет принята с благодарностью, спасибо всем. Изображение сайта ломается после 768px

Answer 1

У вас есть тень от коробки #inside-main на eds_main.css,

#inside-main {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    box-shadow: 1px -2px 4px #666;
    -webkit-box-shadow: 1px -2px 4px #666;
    -moz-box-shadow: 1px -2px 4px #666;
    -o-box-shadow: 1px -2px 4px #666;
}

становится

#inside-main {
    width: 100%;
    background: #fff;
    margin: 0 auto;
}

Что касается разрыва макета, у вас есть #foot-de-eds, #foot-top-cites на eds_main.css установлен в:

#foot-de-eds, #foot-top-cites {
    margin: 1.3em auto;
    width: 100%;
    max-width: 1028px;
    padding-left: 2em;
}

Попробуйте удалить max-width: 1028px; - так:

#foot-de-eds, #foot-top-cites {
    margin: 1.3em auto;
    width: 100%;
    padding-left: 2em;
}

Answer 2

На <div class="phone-wrap">

Удалить

background: url(/eds_siteIMGS/phoneBG_seperated.png) repeat-x;

На изображении есть тень

Answer 3

Для теневого вопроса:#inside-main все еще имеет свойство box-shadow eds_main.css,

Хотя вы на самом деле не указали, какие тени вы делаете и не хотите... так как на странице их несколько.

Осмотрите Element / Dev Tools - ваш друг. Позволяет легко выследить свойства, которые вы можете пропустить.