SPLIT HEADER : Left & Right Menu Position + Nav Dividers
Hello,
I was taking part in a discussion on a different thread for split menu logo positioning. I have other issues with my header so thought it more appropriate to start a new thread.
my url: www.get-fed.com/get-fed-victoria
Here's the various correction I wish to fix.
1. Bring left menu towards the right closer to logo
2. Bring right menu towards the left closer to logo
3. Left menu has right borders on nave items , so vertical divider is next to logo. The right menu I would like to have left borders so menu is semetrical.
4. White border on far right nav elements on both left & right menu's. I wish for all to be same colour.
I have included an image showing my menu as it is now, and the bottom image of how we wish to achieve.
Thanks you for the assistance.
/R
Comments
unfortunately the url you sent above does not work so we can't have a look on it.
1,2) This can be done within below css:
.header-split #Header .top_bar_left .menu_left { text-align: right; width: 40% }3) You can't change border positions but you can remove the last border instead what can be done within below css:.header-split #Header .top_bar_left .menu_right { text-align: left: width: 43%; }
#Top_bar .menu > li:last-child > a span:not(.description) { border: 0 !important; }4) If you wish all to be the same color, please use below css:#Top_bar .menu > li > a span { border-color: #000 !important; }