Problem With Template's Default Menu


#1

Hi guys!! I have added responsive menu to my blog provided by MBT http://www.mybloggertricks.com/2013/06/design-responsive-drop-down-menu-in-blogger.html . Responsive menu is working fine but after adding it to my template , my template’s default menu has broken as the drop down list is not shown properly.Please help. My Blog: http://technologyhunterzz.blogspot.com/

Before adding responsive menu:

After adding responsive menu:


#2

@Mohammad @Shivansh Please help me to solve my problem!!!


#3

Ok usamafayyaz. have patience please.

here’s the solution:

  • Go to your template and search for following code:
#header-navigation .header-menu-left .section-menu {
  list-style: none;
  margin: 39px 0 0;
  width: 265px;
}
  • Replace whole with following:
#header-navigation .header-menu-left .section-menu {
  list-style: none;
  margin: 83px 0 0;
  width: 265px;
}

It will start working correctly. :smile:


#4

@Shivansh Problem is solved but the menu is now not shown vertically but it is horizontal.Please solve this problem tooo.


#5

Okay. Now just add the below code above ]]></b:skin> in your template:

.section-menu li {
  float: none;
}

It will start working normally. :smile:


#6

@Shivansh Problem Solved !!! Thankyou very much !!!


#7

Welcome. I am glad that it helped for you. :grinning: