Salve
Sto usando un tema wordpress e volevo modificare la posizione del menu a discesa.
Questo è il codice.
codice HTML:
.site-header .site-navigation { clear: both; padding: 4px 0; padding: 0.4rem 0;}.site-header .site-navigation a { color: #fa9393; font-size: 16px; font-size: 1.3rem; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.1rem;}.site-header .site-navigation a:hover { color: #ff0000;}.site-header .site-navigation .home-page-link { float: left; display: inline; margin: 0 0 0 5px; margin: 0 0 0 0.5rem;}.site-header .site-navigation .home-page-link span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);}.site-header .site-navigation .home-page-link a { padding: 0; color: #ccc;}.site-header .site-navigation .home-page-link a:hover { color: #fff;}.site-header .site-navigation .home-page-link a:before { font-size: 16px; font-size: 1.6rem;}
.main-small-navigation .home-page-link { float: none;}.main-small-navigation h1.icon-menu { display: inline; margin: 0 0 0 5px; margin: 0 0 0 0.5rem; color: #ff0000; font-size: 16px; font-size: 1.6rem; font-weight: strong;}.main-small-navigation h1.icon-menu span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);}.main-small-navigation ul { margin: 0 10px; margin: 0 1rem;}.main-small-navigation ul li:before { position: static;}
.main-navigation { margin: 0 200px 0 0; margin: 0 20rem 0 0;}.main-navigation ul { position: static; list-style: none; margin: 0;}.main-navigation ul ul { background: #333; border-left: 1px solid #444; display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999;}.main-navigation ul ul li { display: block; float: none;}.main-navigation ul ul li:before { content: none;}.main-navigation ul ul ul { left: 100%; top: 0;}.main-navigation ul ul a { width: 200px;}.main-navigation ul li:hover > ul { display: block;}.main-navigation li { display: inline-block; position: relative; margin-top: 0;}.main-navigation li:before { position: static; left: 0; content: '|'; color: #7c8d95; font-size: 0.75em;}.main-navigation li:first-child:before { content: none;}.main-navigation a { display: inline-block; padding: 0 0.5em 0 0.8em;}
/* Small menu */.menu-toggle { cursor: pointer;}
.main-small-navigation .menu { display: none;}