Canvas Support

header transparent and floting on menu with subtitle.

1 reply · opened Mar 9, 2022

AapradhanMar 9, 2022

i am working on page index-corporate-2.html because it has a menu with sub-title (class="primary-menu sub-title"). so I made a copy of index-corporate-2.html to index-corporate-2Copy.html.
on index-corporate-2Copy.html.
i am trying to make header transparent and also floating on index-corporate-2Copy.html with menu subtitle..
so i on header code i removed id="header" class="full-header" replace with id="header" class="transparent-header floating-header"
but header is all messup now.

class="full-header">

class="transparent-header floating-header"
<nav class="primary-menu sub-title">

SSemicolon WebSTAFFMar 10, 2022

Hello,

The Codes are fine, but you will also need to add the .include-header Class to the #slider Tag. This will make the Slider move to the Top of the Screen.

Additionally, please use the following CSS Codes:
[ch_pre type="css"]@media (min-width: 992px) {

.sub-title .menu-container > .menu-item:hover > .menu-link div,
.sub-title .menu-container > .menu-item.current > .menu-link div,
.sub-title .menu-container > .menu-item:hover > .menu-link span,
.sub-title .menu-container > .menu-item.current > .menu-link span {
	position: relative;
	z-index: 1;
}

.sub-title .menu-container > .menu-item:hover > .menu-link::after,
.sub-title .menu-container > .menu-item.current > .menu-link::after {
	z-index: auto;
}

}[/ch_pre]

We will add these fixes in the next update. 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