Customization of MBT responsive menu


#1

Hi guys!!! I have added MBT responsive menu to my blog. Now I want to customize it. I have changed it’s background and on hover color but I am not able to change the color of text in drop down. Please help me to customize it. My Blog: http://technologyhunterzz.blogspot.com/


#2

Search for this code:

#menu ul.menus a {
  color: #FFF;
  line-height: 35px;
}

Now, change color: #FFF's #FFF to the color code you want of dropdown text. :smile:

P.S. PRE style changed! Its better. :smile:


#3

@Shivansh Thanks again Shivansh. Problem solved. Another question : How can I hide this responsive menu in my template’s desktop version? ( I want it still to be displayed in mobile version)


#4

You named the topic ‘Customization of MBT responsive menu’, so it is not a off topic question. Here’s the solution:

  • Search #menu in your template and add display:none; in it. So, the code will be:
#menu{
display:none;
background: #242628;
color: #FFF;
height: 40px;
border-bottom: 2px solid #DDD;
box-shadow: 1px 2px 9px #B1B1B1;
border-top: 2px solid #DDD;
}
  • Now, search for:
@media screen and (max-width: 800px)
#menu {
  position: relative;
}
  • And replace it with:
@media screen and (max-width: 800px)
#menu {
  position: relative;
  display:inherit!important;
}

Done!


#5

@Shivansh Not displaying on mobile and again my template’s default menu is broken. Help needed !!!


#6

Because you did something wrong. I am sure.


#7

@Shivansh Sorry Shivansh. I had done some mistake. Now it’s working fine. Again thankyou very much !!!


#8

Hey @Shivansh I also want to stick tha menu bar . Is there any way to do this???


#9

@Shivansh Problem !!! Problem !!! Problem !!! Responsive menu is not displayed in tablet landscape mode. Help !!!


#10

@Shivansh I also want to increase the font size of menus ( Home, About,Gadgets etc) . Please Help!!!


#11

:sob: You have many questions!

Ok. Search for #menu a and below it, add font-size code and define the size.


#12

Please elaborate how to pt the code and which code? I am a beginner and confused with this situation.


#13

@Shivansh Ok got it i have changed the font. Thankyou!!! Do answer other questions.


#14

@Shivansh Another question. :sweat_smile: How can I integrate search bar in responsive menu in place of Technology Hunters (Blog Title)?


#15

like My Blogger Tricks Blog? ? ? :sweat:


#16

@Shivansh Yes or even e-mail subscription box as title dosen’t looks good.


#17

@Shivansh My questions are not answered till now. Please help!!! :fearful:


#18

Bro it will be copy of MBT. So I can’t tell you. :frowning:


#19

@Shivansh Copy? But how? I have different template,design and even blog niche is different too. Other blogs have the search bar and other stuff same to MBT . So can you say that they have copied MBT??? Moreover,will integrating e-mail subscription box be a copy too??? Well no problem if you can’t tell !!! But please answer this question : How can I stick that responsive menu bar??? (I think it wouldn’t be copy)


#20

Hmm If you want email subscription, you can give me a description so I would create that and for your second question (sticking) I will come back with the answer soon!