how i can reduce the leading in the menu?

1 reply · opened Sep 25, 2020

OomarvelazquezSep 25, 2020

Hi, how i can reduce the leading in the menu?
i try modify style.css in the root but i can see any change.

#primary-menu-trigger,
#page-menu-trigger {
	display: -ms-flex;
	display: flex;
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
	cursor: pointer;
	font-size: 0.875rem;
	width: 50px;
	height: 35px; /* original 50px */ 
	line-height: 35px; /* original 50px */
	justify-content: center;
	align-items: center;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;

very thanks for the tip. (i attach reference image)

SSemicolon WebSTAFFSep 26, 2020

Hello,

Please consider using the following CSS Code:
[ch_pre type="css"]@media (min-width: 992px) {
.sub-menu-container .menu-item > .menu-link {
padding-top: 5px;
padding-bottom: 5px;
}
}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

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