Hello,
Not sure why you want to decrease the menu wrapper? but here is your custom css code:
#mainnav-mobi ul > li > a {
padding-top: 5px;
padding-bottom: 5px;
}
you can use custom css plugin to add the code in above.
Thread Starter
ibanic
(@ibanic)
Thanks for your help!
I would like to decrease the width of the black rows so there is not so much space when the drop down menu is clicked. Is this possible?
Thanks so much!
yes, please the custom css code in above 🙂
Thread Starter
ibanic
(@ibanic)
Unfortunately, it does not shrink the width of the black rows, only in height. I tried playing around with padding – left and right as well but no luck!
Oh you want to decrease the width? sorry, the code in above is to decrease the height.
Try these css code below to decrease the width:
nav#mainnav-mobi {
width: 60%;
position: inherit;
}
Thread Starter
ibanic
(@ibanic)
Exactly what I was looking for!
One more question: Is it possible for the page to stay put. When I hit the drop down menu it pushes the page down instead of covering the slider image/ page header … etc….?
Not a huge deal if not 🙂
Thank you for this help!
Hmm need to replace the last code in above using this:
nav#mainnav-mobi {
width: 45%;
position: absolute;
left: 28%;
}
you can adjust the left value from these code
Thread Starter
ibanic
(@ibanic)
Perfect!
Thank you so so much for your help!
It is very appreciated!
Hello,
If your problem is resolved, please mark it resolved.
Thanks.
