grega33 Posted June 16, 2014 Share Posted June 16, 2014 Hi! I have a top menu with serveral first level items. Unfortunatelly line spacing inside a single menu item (where there is a large title of menu item it may come into two lines) and separator between menu items itself looks equal, so it makes hard to differentiate between items. Please see attached screen shot. I have been playing with CSS but didn't find the right solution to enlarge line separator spacing. Please for an idea! Regards, Grega Link to comment Share on other sites More sharing options...
Alex Simonchik BelVG Posted June 16, 2014 Share Posted June 16, 2014 Hi, can you post your URL here? Regards Link to comment Share on other sites More sharing options...
grega33 Posted June 16, 2014 Author Share Posted June 16, 2014 Hi! here it is http://izmerim.afna.si. Regards, Grega Link to comment Share on other sites More sharing options...
PSfever.com Posted June 16, 2014 Share Posted June 16, 2014 How about .sf-menu > li > ul > li { float: left; width: 25%; padding-right: 15px; } and .sf-menu > li > ul > li > a { text-transform: uppercase; font: 600 16px/20px "Open Sans", sans-serif; color: #333333; height: 35px; display: block; } Link to comment Share on other sites More sharing options...
grega33 Posted June 17, 2014 Author Share Posted June 17, 2014 Thank you! It works fine! Regards, Grega Link to comment Share on other sites More sharing options...
Recommended Posts