Docs

[mathijs84]

HI guys,

I posted this months ago, but the changes i made seem to be ineffective. Maybe because of an update??

On nvision.work-planning.com i have a the parent page “formaten” with 4 pages underneath it.

The client doesnt like the way the sub menu is displayed. is there a way to change that. Maybe a little more underneath the parent page and not a little higher??

This code doesn seem to do the trick:

.masthead-inline .x-navbar .desktop .sub-menu {
    left: 18%;
    right: 0;
    top: 74px;
}

[Friech]

Hi There,

Thanks for writing! That code still works, but you need to close this block of @media query

@media (max-width: 979px){
.x-social-global {
 display: none;
}

That is conflicting with:

@media (max-width: 979px){
.x-topbar {
position: fixed;
width: 100%;
}
.x-slider-container.below {
 margin-top: 46px;
}
}

Hope it helps, Cheers!

[Rad]

Hi there,

Thanks for posting in.

It’s not working because of this existing CSS,

@media (max-width: 979px){
    .x-social-global {
      display: none;
}

.taptap-menu-button-alt {
       padding: 10px 0 0 5px !important;
}

@media (max-width: 979px){
    .x-topbar {
        position: fixed;
        width: 100%;
    }
    .x-slider-container.below {
        margin-top: 46px;
    }
}

First @media block should have close bracket.

Like this,

@media (max-width: 979px){
    .x-social-global {
      display: none;
}

.taptap-menu-button-alt {
       padding: 10px 0 0 5px !important;
}
}

@media (max-width: 979px){
    .x-topbar {
        position: fixed;
        width: 100%;
    }
    .x-slider-container.below {
        margin-top: 46px;
    }
}

Hope this helps.

[Author]

Posts