problems with CSS Menu Designer -...

User 127801 Photo


Registered User
55 posts

Hi, Jo Ann,

I've put the menu online at this url:

http://www.uk.digiserve.com/mentor/jsa/menutest.html

As you will see the word Palaces is level with the first word in the two word items, not the lower word. And when you hover, the top of the sub menu overlaps the main menu.
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

Change this
.menu-menu li:hover ul, .menu-menu li.sfHover ul {
left: 0pt;
top: 28px;
z-index: 2;
}


to this.
.menu-menu li:hover ul, .menu-menu li.sfHover ul {
left: 0pt;
top: 43px;
z-index: 2;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 127801 Photo


Registered User
55 posts

Great. That worked. Now can either you or Jo Ann work out how to get the single word items on the "bottom line" alongside the second word in the two word items. If I can sort that out, I'm done, thanks to you both.
User 1948478 Photo


Senior Advisor
1,850 posts

Ian Swindale wrote:
...how to get the single word items on the "bottom line" alongside the second word in the two word items...

A simple way would be to just put in a space and a line break before the single word item.

In other words, replace (e.g.):
<a href="">Palaces</a>

with:
<a href="">&nbsp;<br>Palaces</a>

User 1948478 Photo


Senior Advisor
1,850 posts

PS: This is how it would look (see screenshot)
Attachments:
User 127801 Photo


Registered User
55 posts

Thanks for that. Actually I don't think it looks a lot better so I've decided to add a couple of words to the single line items to make them all double line and it looks much better, especially now that the sub-menu doesn't overlap the main menu. Thank you all very much for your help. Ian

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.