JjuanleSep 28, 2016
Hello, the Page sub menu is quite handy and nice looking. However I would like to have a little more space. Is possible to change the height?
Thanks
Juan
2 replies · opened Sep 28, 2016
Hello, the Page sub menu is quite handy and nice looking. However I would like to have a little more space. Is possible to change the height?
Thanks
Juan
Hello,
This is Definitely Possible. Please consider adding the following CSS Code:
#page-menu,
#page-menu-wrap,
#page-submenu-trigger {
height: 60px;
line-height: 60px;
}
@media (min-width: 992px) {
#page-menu nav > ul { height: 60px; }
#page-menu nav > ul > li > a {
margin-top: 16px; /* Calculate: ( ( 60px - 28px ) / 2 ) */
margin-bottom: 16px; /* Calculate: ( ( 60px - 28px ) / 2 ) */
}
#page-menu ul ul { top: 60px; }
}
@media (max-width: 991px) {
#page-menu nav { top: 59px; } /* Calculate: ( 60px - 1 ) */
}This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.
Thanks a lot for fast efficient reply. It worked fine.
Best regards
Juan
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard