Reducing White Space Primary Menu/Navigation

6 replies · opened Oct 11, 2021

SSISCANOct 15, 2021

Hi

Will you be replying to this request for help?

Regards
Barry

SSemicolon WebSTAFFOct 16, 2021

Hello,

Thanks for your patience and Apologies for the Delays in replying.

Please consider using the following code:
[ch_pre type="css"]@media (min-width: 992px) {

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -80px;
	margin-bottom: -80px;
}

#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 80px; }

#primary-menu ul li > a {
	padding-top: 29px;
	padding-bottom: 29px;
}

#top-search,
#top-cart,
#side-panel-trigger {
	margin-top: 50px;
	margin-bottom: 50px;
}

#top-cart .top-cart-content { top: 40px; }

#header,
#header-wrap,
#logo img { height: 80px; }

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
	height: 60px;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
	padding-top: 19px;
	padding-bottom: 19px;
}

#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

}[/ch_pre]

However, you will need to make further customizations according to your needs manually as Canvas v5.x support has been retired and is only available for the existing features.

Hope this Helps!

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

SSISCANOct 18, 2021

Should I replace the code in the style.css file?

SSemicolon WebSTAFFOct 21, 2021

Hello,

You will need to add this Code in the css/custom.css File.

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

SSISCANOct 24, 2021

Hi

I will try.

FYI

I am not receiving emails that the ticket has been updated.

SSemicolon WebSTAFFOct 25, 2021

Hello,

This should be a temporary error. We are looking into this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

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