Hi
The top of sub menu(dropdown menu) is too closing to our header and the sub menu bottom.
how to make it wider?
Screenshot:
http://nimb.ws/9CkSQZ
Can not find the CSS code.
Hope your help.
Thank you!
Hey HeeHA,
Try this code in the General Styling > Quick CSS field:
.av-main-nav ul {
padding-top: 10px !important;
background-color: #f0f0f0 !important;
}
Best regards,
Mike
Hi Mike
It’s great.
but the border seems not follow the height.
screenshot:
http://nimb.ws/TUntPk
Hope your code help.
Thanks!
Hi HeeHA,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av-main-nav ul {
padding: 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #f0f0f0 !important;
}
.av-main-nav ul li a, .av-main-nav ul li {
border: none;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria
It is good. Thanks!
But there is a line on the bottom of drop down menu.
Screenshot:
http://nimb.ws/ycKYRT
Is it the menu border??
How to fix or remove it?
Thanks!
Hi HeeHA,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #wrap_all .av-main-nav ul > li#menu-item-6388 > a,
#top #wrap_all .av-main-nav ul > li#menu-item-6395 > a,
#top #wrap_all .av-main-nav ul > li#menu-item-6293 > a {
border: none;
}
If you need further assistance please let us know.
Best regards,
Victoria