Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
The drop down navigation items disappear before you can click on them.
That’s because the menus are positioned further down from the main navigation bar. There needs to be some-sort of join which can be achieved with padding, or no gap at all.
And I can only get five pages to show up on the nav bar
I see 6 pages, have you cleared your browser cache?
Hmm. I’ve cleared the browser cache in IE9 many times now and still showing only 5. Chrome shows 6.
How do I create the join (i.e. padding or no gap?)
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you re-add your dropdown menu please?
Thanks so much. I just added it under “How to find us”.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You could add the CSS;
#globalNavi ul li:hover ul {
background: transparent;
padding-top: 25px;
}
#globalNavi ul ul {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
top: 0;
}
/* Transfer the box shadow from the <ul> to the <li> */
#globalNavi ul ul li {
box-shadow: 0 0px 9px #222;
-moz-box-shadow: 0 0px 9px #222;
-webkit-box-shadow: 0 0px 9px #222;
}
If you want the drop-down items to have no borders betweeen them, let us know.
