"wystające logo"

Question

Witam,

Chciałbym zrobić "wystające logo bez niszczenia i przesuwania całego menu czy jest to możliwe? W sensie cale górne menu się nie rozciągło tak jak tu: https://imgur.com/a/ZSaD9

A chce żeby wróciło do tego: https://imgur.com/a/RPDl4

Chciałbym, żeby to logo tak "wystawało" w dół.

Używam Bootstrap'a 4

Answer 1

Spróbuj w pliku CSS dodać parametr do tego obrazka

position:absolute;

 

Comments

Próbowałem lecz jak daje to całkowicie się rozjeżdża ;/

---

https://imgur.com/a/rSGEN

---

Czy to menu jest 'przyklejone' do góry ekranu?

---

Nie, to zwykły "row" z bootstrapa

---

zawsze możesz przesunąć element -> right: -50px

---

To może oprócz

position: absolute;

Dodaj jeszcze 

x-index:000;
y-index:000;

Zastępując 000 wartościami dobranymi w metodzie prób i błędów 

Jeśli i to nie zadziała to przykro mi ale już nie pomogę 

EDIT

Takie coś jak nie istnieje :P 
Sorki

---

,,,,

---

@Piotrek32,

Nie ma czegoś takiego jak Y-index 

z-index ustawia element o większym z-index NAD elementem o niższym z-index

Answer 2

Możesz skorzystać z z-index żeby ustawić kolejność jednego elementu pod innym.

Answer 3

Spróbuj:

width: 300px;
height: 300px;
position: absolute;
left: calc(50% - 150px);