Page Menu with transparent Main Nav shows initial gap at top of page. * URGENT *

Question

Hi I am building a site that has transparent header menu (which is fine on pages that don't have a sub page menu. When i add the sub menu to a page it shows a white gap above the main transparent menu until you scroll and the coloured menu snaps in. This is pretty urgent! URL that is ok:https://pixelsalsa.com/dev/mcore/index.html URL that is not: https://pixelsalsa.com/dev/mcore/group.html

SemiColonWeb · Accepted Answer

Hello,

This is currently not supported out of the box and we will add a fix for this in the next update. Meanwhile, you can consider using the following CSS code:
[ch_pre type="css"]@media (min-width: 992px) {
.include-header {
margin-top: -149px !important;
}
}[/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.

pixelsalsa · Answer

Excellent, that's done the trick, thanks!

Semicolon Web · Answer

Hello, Glad your issue was resolved! Do let us know if we can help you with anything else or if you find any further issues with Canvas.

pixelsalsa · Answer

Just a quickie is it possible to have the page menu transparent initially and then change colour on scroll?

Semicolon Web · Answer

Hello,

Absolutely Possible! Consider using the following CSS Code:
[ch_pre type="css"]#page-menu-wrap {
background-color: transparent;
}

#page-menu.sticky-page-menu #page-menu-wrap {
background-color: #4E4E4E;
}[/ch_pre]

This should work fine. Hope this Helps!

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

pixelsalsa · Answer

Hi

I have a deadline at 1pm gmt today and can't figure out what is causing the offset on the page links - see https://pixelsalsa.com/dev/mcore/group.html

the 'about link' is ok but all the others scroll to the section but leave a portion of the previous section visible

i have tried for hours to fix - can you save the day?

Thanks
Dan