Create Horizontal Navigation Menu With Drop Down Submenus Using CSS
tmirror
Create Horizontal Navigation Menu With Drop Down Submenus Using CSS
This drop down menu made with CSS only is a horizontal menu with sub-tabs and a rounded search bar on the right side. A menu like this can be handy for users who don't need complex menus or prefer not to use one that requires scripts and/or too many images. Also, the installation and customization is quite easy and, to top it off, it is quite functional.
To see this CSS drop down menu in action, please visit this demo blog
Before changing anything, if you are using a template available in Blogger Template Designer, then you should consider doing these changes in the template, otherwise the menu might not be displayed correctly:
From the Blogger Dashboard , go to Template and press the "Edit HTML" button:
Search using CTRL + F for the following line: <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
Remove the code in red.
You may have many parts as the one in red, delete all you find.
....then find a similar an…
