Support » Theme: Blocksy » Mobile menu with header visible

  • Resolved Miguel

    (@mhagenaars)


    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 6 months, 2 weeks 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 6 months, 1 week 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.