Submenu cut-off problem in custom Drop down Menu bar of Blogger Template

Actually, I was faced this problem while adding drop down menu bar in blogger. I was googled but I was not found any solution. So that I was tried myself to edit that template and after working on that I was at the stage of success. It seems that, this problem happen only using a template made through Blogger Template Designer.

Suppose you have any horizontal menu bar which also having some sub-menus in. A menu is handy for those who do not require complex menus or prefer not to use one that requires scripts and/or too many images, also the installation and customization is quite simple, and to top it off is quite functional. This menu bar is already added by you in blogger. But after visiting website, it doesn’t showing any sub-menu even after hovered.

In this post you will see how to resolve that problem without taking much effort.

Here you are using a Template made through Blogger Template Designer, then you should consider doing these changes in the template, otherwise the menu might not be displayed correctly:

First of all take a back up of your template of blogger, So that if following changes are not affected then it your will not to be loss your old changes.

Step 1: Login to your blogger account. And go to Template >> Edit HTML



Step 2: Search (CTRL + F) for the following line in that html template:
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>

Step 3: Delete class='tabs' as you find in html template. I will look like
<b:section id='crosscol' maxwidgets='1' showaddelement='yes'> Step 4: Save the template.

Having done this, now visits your web site you will see your sub-menus.

If still you have any cut-off problem then please feel free to contact us using following comment box.

Conclusion :

I hope that this article would have helped you in understanding to solve, Submenu cut-off problem in custom Menu Bar of Blogger Template. Your feedback and constructive contributions are always welcome.