Sziasztok!
Elkezdtem a főmenü egyik menüpontjához “Új” jelvényt hozzáadni.
Eddig így néz ki:
.apro-class:after
{
content: “Új”;
font-size: 15px;
color: #FFF;
background: #029900;
line-height: 25px;
width: 25px;
display: inline-block;
text-align: center;
border-radius: 100px;
position: relative;
top: -50px;
left: 190px;
}
A probléma az hogy a menü sávját szétdobja.
Hol lehet a baj?
Az első kép a jó vastagság a második a rossz az “új” jelvény hozzáadásával
1.
A -50 nem lehet, hogy sok neki?
Nem. Az csak a jelvény függőleges pozícióját határozza meg de a menüsáv vastagságát nem ez befolyásolja szerintem. Próbáltam ezt kivenni, más értéket hozzáadni de a menü szélesség akkor is ez maradt.
Most a menü szélessége vagy magassága a gond?
Bocsánat, elírtam. Magasság és azt ez határozza meg:
@media (min-width: 992px) {
.main-navigation a,
.search-toggle {
padding-top: 10px;
padding-bottom: 10px;
}
.main-navigation .dropdown-menu a,
.main-navigation li ul a {
padding-top: 8px;
padding-bottom: 8px;
}
}
Inkább linkeld be kérlek az oldalt, ha megoldható. Úgy egyszerűbb lesz.
Az apróhirdetés oldalon lehet látni a megfelelő menü sáv magasságát.
A hiba ott van, hogy position: absolute; kell és nem relative.
Igen így már jó. Nagyon köszönöm a segítséget.