Mobile menu with header visible

  • Resolved Miguel

    (@mhagenaars)


    2 years, 11 months ago

    Hello guys,

    I created a mobile menu with a visible header using css like this:

    [data-header*="type-1"] #offcanvas {
    margin-top: 70px;
}
a.ct-header-trigger.active {
    display: contents;
}
#offcanvas > div.ct-panel-actions {
    display: none!important;
}

    In my opinion this is a huge update for mobile experience. But it looks like the menu trigger is broken after a update of the theme / Blocksy Companion plugin.

    Example of screenshots of how I want the look:

    Link to image 1
    Image 2

    Miguel

    • This topic was modified 2 years, 11 months ago by Miguel.
Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey @mhagenaars

    Would you be able to post your website’s URL so we can try taking a better look?

    Thanks

    Hello @mhagenaars

    A little reminder about this. We are still waiting on a reply from you ??

    Thread Starter Miguel

    (@mhagenaars)

    The issue is solved with adding this css code:

    [data-header*="type-1"] #offcanvas {
	top: calc(var(--admin-bar, 0px) + 70px);
}
#offcanvas > div.ct-panel-actions {
    display: none!important;
}

    Thank you so much Eduard. <3 Blocksy

    Best Regards,
    Miguel

    • This reply was modified 2 years, 11 months ago by Miguel.

    Hey @mhagenaars

    Thanks a lot for the kind words! ?? But the fix is not only the CSS snippet, we’ve also included a secondary part directly in the theme, which will be available in the next update!

    Thanks.

    Thread Starter Miguel

    (@mhagenaars)

    Sorry, I misunderstood but that’s even better.
    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile menu with header visible’ is closed to new replies.