Куда едет фоторама?

Question

[Талян]

Добрый день, знатоки.

Не могу понять сие происходящее, а именно:

Жила была такая вот вёрстка:
hozmagkomi.ru

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



Был просто DIV с назначенным бэкграундом:
<div class="top_nav_logo_image"></div>

А стал картинкой в ссылке:

<div class="top_nav_logo_image">
<a href="/"><img src="/Templates/default/__load/img/hozmag_logo_inverse.png"></a>
</div>

Результат безобразия можно созерцать тут: dev.hozmagkomi.ru

Фоторама ниже менюшки - съехала ровно на ширину добавленной ссылки-картинки.

И мне не понятно, почему фоторама находится вообще в другом DIV, но так реагирует на добавленную картинку, знаний не хватает.

В инспекторе браузера потихоньку снимал все свойства CSS в навигационном меню, но не помогает - фоторама на всю ширину так и не встаёт.

Подскажите, что не так то?

Answer 1

[Виктор]

В консоле ошибка

Comments

[Талян]

да, забыл, убрал ненужный див, на него ругается. Закомментировал сейчас в JS строку. Она ничего не делала.

[Виктор]

Анатолий,

.fotorama {
    min-width: 1px;
    overflow: hidden; 
}

Если убрать overflow: hidden; через консоль все выравнивается. Но тут лучше проверить скрипт слайдера где ширина высчитывается.

[Талян]

Виктор, я сторонник не вносить изменения в распространяемые библиотеки. Если ответ не найдется, лучше меню перепишу.

А как вы убрали overflow:hidder?

Я делаю

document.querySelector(".fotorama").style.removeProperty('overflow');

но никаких изменений не вижу.

[Виктор]

Анатолий,
Затем нужно вызвать ресайз что бы слайдер пересчитал все (изменить размер окна).

[Талян]

Виктор, Да ну его нафиг. Поставил overflow: visible !important.



Столько времени убил уже на это.

Спасибо за помощь. Я оверфлоу тоже в консоли тыкал, но не догадался ресайз сделать.