Page Sub Menu, is possible to change the height?

2 replies · opened Sep 28, 2016

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

SSemicolon WebSTAFFSep 29, 2016

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.

JjuanleSep 29, 2016

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