Zen Follower
- Join Date:
- Jan 2013
- Posts:
- 113
- Plugin Contributions:
- 0
Piccadilly Posh Template Support Thread
Hi Anne,
I've managed to realigned things mostly... I'm stumped with the links on the mega menu being too much towards the right... I've played around with it but I must not be doing it right... is it possible for you to point me towards the right line of code and the how for it to have the Réseaux show on the same line...
http://aigui-arts.com/boutique/
I've tried these so far:
#mega-wrapper {width: 980px;margin:0 auto;display:block;position: relative;z-index:9999;background: url(../images/menu-bk.png) repeat-x;margin-top:-160px;}
#mega-wrapper .mega-menu {list-style:none;width:680px;margin:0px auto 0px auto;height:82px;padding:0px 0px 0px 0px;margin-left:300px;position:relative;top:18px;}
.mega-menu li {float:left;text-align:center;position:relative;margin-right:5px;margin-top:6px;border:none;}
.mega-menu li.fullwidth {position: static !important;}
.mega-menu li:hover {background:#8dc63f;border:0px solid #444;border-bottom:none;margin-right:5px;}
.mega-menu li.nodrop:hover {background:#fff;border:1px solid #444;padding: 5px 10px 3px 10px;}
.mega-menu li.nodrop:hover a {padding: 0px;}
.mega-menu li a {color: #fffffd;outline:0;padding: 5px 10px 3px 10px;text-decoration:none;display:block;font-size:1.05em;font-family: verdana, arial, helvetica, sans-serif;}.mega-menu li:hover a{color:#fffffd;text-shadow: none;position:relative;z-index:11;border-bottom:0px solid #444;padding: 5px 10px 3px 10px;}
.mega-menu li:hover div a {display:inline;}
.mega-menu li .drop {padding-right:17px;}
.mega-menu li:hover .drop {padding-right:17px;}/* bof right aligned menu item */
.mega-menu .right {float:right;right:0;margin-right:5px;}
.mega-menu li.right:hover {margin-right:5px;}