CODEWITHSUNDEEP
htmlcss
Dzulfriday
Dzulfriday

Reputation: 9

Double line while hover

Please go to this website: http://dev.taarana.org.my/ Go to the Business Lines, and hover to the Property Developement & Project Management.

The menu is turn to double line while hovering.

How prevent this? I would like to maintain it in single line.

Upvotes: 0

Views: 344

Answers (3)

Ganesh Bora
Ganesh Bora

Reputation: 1153

YA.. I got the issue ...you will be required to increase width assign to sub menu..OR reduce the long text heading given as "Property Developement & Project Management" something small

Upvotes: 0

Mikey G
Mikey G

Reputation: 3491

This is happening because you are changing the font to bold, which is making the text wider than the menu.

Change the width of the ul with the class "sub-menu" to 24.5em.

Upvotes: 1

Brad Barrow
Brad Barrow

Reputation: 1036

It's likely due to the font being changed to font-weight:bold; This will increase the width of the text and so it's wrapping to the next line. You'll need to increase the width of your menu or decrease the size of your text or alternatively not make it bold on hover.

Upvotes: 1

Related Questions