[Support request] Full screen mobile menu on Smartphone and Desktop

Home Forums Support [Support request] Full screen mobile menu on Smartphone and Desktop

Home Forums Support Full screen mobile menu on Smartphone and Desktop

  • This topic has 3 replies, 2 voices, and was last updated 2 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #707223
    David

    Good afternoon!

    I would like to customize the menu. I currently have the “hamburguer” version on desktop & mobile at the same time. I would like that when you click, the menu opens in full screen.

    Examples (full screen menu)

    http://akinsparker.com
    https://www.cemtrexlabs.com

    or… half screen menu:

    https://www.digitalnation.it

    Thank you ๐Ÿ™‚

    #707494
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    This might be a good start:

    .slideout-overlay {
        background: #000;
    }
    
    .offside--right.is-open {
        right: auto;
        left: calc(50% - 132.5px);
        transform: translate3d(0,0,0);
    }
    
    .nav-aligned-right.nav-below-header .main-navigation.slideout-navigation {
        text-align: center;
    }
    
    #generate-slideout-menu .slideout-menu li {
        text-align: center;
    }
    
    #generate-slideout-menu .slideout-menu li a {
        border-bottom: 1px solid #fff;
    }
    
    .offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit {
        right: 0;
    }
    
    .main-navigation.slideout-navigation {
        background: transparent;
        padding-top: 10%;
    }
    
    li.slideout-toggle {
        position: absolute;
        right: 0;
    }
    
    .main-navigation .main-nav ul li.slideout-toggle a {
        padding: 15px;
        line-height: normal;
    }
    
    .inside-navigation {
        position: static;
    }

    Let me know ๐Ÿ™‚

    #2155890
    kernfunke

    Good afternoon,
    how can I now set that underpages are fixed and dont have to collapse after clicking on the parent page?

    parent
    parent
    – underpage 1
    – underpage 2
    – underpage 3

    All pages should be visible. How and where can I set this?

    Thanks

    #2155992
    Leo
    Staff
    Customer Support

    Please open a new topic for your question.

    Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Full screen mobile menu on Smartphone and Desktop’ is closed to new replies.