Zarovnání menu na střed

20. 7. 2014 13:28:18

Dobrý den, potřeboval bych pomoci zarovnat mé menu na střed. Bez mučení hned přiznám, že se jedná o free šablonu na wp, takže ten kód je nevalné kvality + tomu asi ještě přidalo mé neodborné zacházení. Zkoušel jsem již několik variant, ale nic nefungovalo.

Odkaz: www.provisionmedia.cz

CSS

.secondary-navigation .children li .sf-sub-indicator { display: none }
.secondary-navigation {
    display: block;
    float: left;
    width: 100%;
    max-width: 100%;
    
    
}
.secondary-navigation a {
    font-size: 22px;
    color: #FF6600;
    font-weight: 400;
    text-decoration: none;
    padding: 7px 10px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.secondary-navigation .current-menu-item  a:hover { 
    border: 1px solid #FF6600;
    border-radius: 20px;
}
.secondary-navigation a:hover { 
    border: 1px solid #FF6600;
    border-radius: 15px;

}
.secondary-navigation a .sub {
    font-size: 11px;
    font-weight: normal;
    font-family: arial;
    color: grey;
}
.sf-js-enabled li a.sf-with-ul { }
.sf-js-enabled li  ul.sf-with-ul { padding-right: 20px }
#navigation .sf-sub-indicator {
    display: block;
    width: 11px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 14px;
}
#navigation ul ul .sf-sub-indicator {
    top: 8px;
    right: 20px;
}
#navigation {
    display: block;
    margin-left: 25%;
    margin-right: 25%; 
    text-align: center;
    font-size: 14px;
    width: 50%;
    font-family: 'Dosis', sans-serif; 
}

#navigation select { display: none }
#navigation ul { margin: 0 auto }
#navigation .menu { }
#navigation ul li {
    float: left;
    position: relative;
}
#navigation ul .header-search { float: right }
#navigation > ul > li:last-child { border-right: none }
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
    overflow: hidden;
    display: block;
}
#navigation > ul > .current a {
    background: transparent;
    color: #5a5a5a !important;
}
#navigation ul li li {
    background: #424242;
    border-bottom: 0;
}
#navigation ul ul {
    position: absolute;
    width: 190px;
    padding: 20px 0 0 0;
    padding-top: 7px;
    z-index: 400;
    font-size: 12px;
    color: #798189;
}
#navigation ul ul li { padding: 0 }
#navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {
    padding: 9px 20px;
    position: relative;
    width: 150px;
    border-left: 0;
    background: white;
    border
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-bottom: 1px solid   rgba(255, 255, 255, 0.05);
    margin: 0;
}
#navigation ul ul li:first-child a { }
#navigation ul ul li:last-child a { border-bottom: none }
#navigation ul ul {
    opacity: 0;
    left: -999em;
    top: 44px;
}
#navigation ul li:hover ul {
    left: auto;
    opacity: 1;
}
#navigation ul ul ul { top: -8px }
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul {
    left: -999em;
    opacity: 0;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
    opacity: 1;
    left: 190px;
}

20. 7. 2014 13:28:18

https://webtrh.cz/diskuse/zarovnani-menu-na-stred#reply1040869

Jakub Kočí

(35 hodnocení)

20. 7. 2014 13:33:43

Na střed čeho?

20. 7. 2014 13:33:43

https://webtrh.cz/diskuse/zarovnani-menu-na-stred#reply1040868

Tomáš Koťara

(3 hodnocení)

20. 7. 2014 13:35:20

Celé stránky, tak jako se mi podařilo vycentrovat to logo.

20. 7. 2014 13:35:20

https://webtrh.cz/diskuse/zarovnani-menu-na-stred#reply1040867

Jakub Kočí

(35 hodnocení)

20. 7. 2014 13:54:08

Zkus tohle:

20. 7. 2014 13:54:08

https://webtrh.cz/diskuse/zarovnani-menu-na-stred#reply1040866

Tomáš Koťara

(3 hodnocení)

20. 7. 2014 14:20:46

Zkusil jsem to a výsledek je vidět na webu. Tohle se mi již udělalo i u toho mého pokusu. Je to sice na středu, ale zarovnané pod sebe a to nechci. Doufám, že teď to již bude jednoduché.

20. 7. 2014 14:20:46

https://webtrh.cz/diskuse/zarovnani-menu-na-stred#reply1040865

František Maša

(5 hodnocení)

20. 7. 2014 15:59:39

Centering div with unknown width na Stackowerflow.

20. 7. 2014 15:59:39

https://webtrh.cz/diskuse/zarovnani-menu-na-stred#reply1040864

Tomáš Koťara

(3 hodnocení)

20. 7. 2014 16:42:23

Děkuji moc, již to funguje.