Как разместить баннер под логотипом

[Danik_com]

Всем привет, подскажите, как можно сделать, чтобы логотип был сверху рекламного баннера?(рекламодатель заказал брендинг шапки)

Сейчас лого не дает баннеру зайти на свое пространство и выглядит это вот так:


А нужно сделать вот так:


Буду благодарен за любые подсказки

 

[Skaiman]

А рядом не лучше будет, так то можно, но будет перекрывать или баннер или логотип будут не кликабельные

 

[Danik_com]

А рядом не лучше будет, так то можно, но будет перекрывать или баннер или логотип будут не кликабельные

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

 

[Skaiman]

Пробовал использовать рекламные позиции?

 

[Skaiman]

<style>
    .p-header-content {
        justify-content: space-between;
    }
</style>

<div class="banner">
    <img src="https://imgholder.ru/480x60/8493a8/adb9ca&text=IMAGE+HOLDER&font=kelson"/>   
</div>

 

[Danik_com]

Да, я сразу через рекламные позиции пробовал
Спасибо, но под логотип баннер всё равно не заползает, он размещается рядом или под ним, если размер большой (а мне заказали баннер на всю ширину шапки)

 

[25517]

Danik_com, сделать фон шапки - рекламным, баннер разместить как у Skaiman и растянуть до логотипа, ну и background:transparent;:)

 

[Skaiman]

сделать фон шапки - рекламным

тогда ссылку лого надо делать на рекламу, я про это и писал выше

(а мне заказали баннер на всю ширину шапки

Да ты что? Знал бы вообще не отвечал, блин заказы он принимает, а сам ни хрена делать не может :) пипец исполнители пошли и кто ж таким заказывает.

 

[Danik_com]

Интересно, как моя компетенция в сфере создания контента относится к умению кодить
Заказали на моем сайте

 

[25517]

Skaiman, а фон рекламным:).
И ссылку логотипа менять не обязательно

 

[Skaiman]

25517, в чем смысл, я просто не сделал ссылку на картинку, а так то сделай и не надо с фоном мудрить :)

 

[Danik_com]

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

.p-body-inner{
    max-width: 1400px;
}

и вот такой код, чтобы сделать отсутпы навигации

.p-nav-opposite {
    margin-right: 250px;
}
.p-nav-list {
    margin-left: 250px;
}

или можно было это сделать менее грубо?