The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › menu border and hover heights not equal
I’m stumped. The sub-menu for the products I’m using has display table on the ul and display table-cell on the li. The border and backgrounds are not the same on one vs. two lines of text. Does anyone see something I’m missing?
http://norcalvans.teal.halfabubbleout.com/products/
I can’t find any display:table in your CSS for any menu. Can you be more specific?
display:table
It’s the .products-menu. Orange background
.products-menu ul { width: 100%; display: table; }
The li elements have display: inline-block though and not table-cell…
li
display: inline-block
table-cell
You’re right! The theme layout was overriding my styles… thank you!!