My nav bar is run by Wayfinder and all works fine. But I want the current page (in orange) to be the same height as the nav bar itself. I have tried playing with the css but no luck:
http://www.pawsforwildlife.co.uk/
The orange box currently has a green margin above and below it , but I want it to be full height. Please can someone explain the best way to achieve this?
www.PawsForWildlife.co.uk
www.Borntobrick.co.uk
If what you are after is as per the attached screen shot then I think the following would work. See comments in the CSS example
http://www.pawsforwildlife.co.uk/assets/templates/7in1/scripts/superfish-1.4.8/css/superfish.css?ver=1.0
#dropdown-holder .nav_bg {
height: 40px
}
/* #dropdown-holder ul {
list-style: none outside;
padding: 0; // remove the padding by setting to zero as here
}
#dropdown-holder li a, #dropdown-holder li a span {
float: left;
display: inline;
height: 40px; //this height should match the height set in #dropdown-holder .nav_bg, which is 40px
padding-left: 12px;
background-position: 0 0;
}
Thank you I will give it a go
www.PawsForWildlife.co.uk
www.Borntobrick.co.uk
