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.
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.
Change this
to this.
.menu-menu li:hover ul, .menu-menu li.sfHover ul {
left: 0pt;
top: 28px;
z-index: 2;
}
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;
}
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
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
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.
Ian Swindale wrote:
...how to get the single word items on the "bottom line" alongside the second word in the two word items...
...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=""> <br>Palaces</a>
Per
www.mingas.com
www.mingas.com
PS: This is how it would look (see screenshot)
Per
www.mingas.com
www.mingas.com
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.