Mobile menu help

  • Author
    Posts
  • #156545

    innerbayprep
    Member

    On the mobile view, is there a way that the logo + menu button can be in the same row?
    If not possible, is there a way that when people scroll down, only the menu button is sticky on top, but the logo will disappear? (like how it works on the website, which is fantastic! )

    Thank you!!

    The blog I need help with is innerbayprep.com.

    #156555

    innerbayprep
    Member

    Sorry, 1 more question regarding the menu icon I have. Could I customize the menu icon (hamburger icon)?
    I am hoping to change the icon’s color + thickness.
    I want it to be thinner and black.

    Thank you so much! I really like this theme!

    #156594

    designorbital
    Theme Author

    Hi,

    Sorry, Logo and Menu Icon can’t be in one row

    Please use the following css snippets.

    1. Logo + Menu Same Row

    
    @media (max-width: 767px) {
        .site-branding-wrapper {
            align-items: flex-start;
            width: 80%;
            float: left;
        }
        .toggle-menu-wrapper {
            text-align: right;
        }
    }
    

    2. To adjust the Icon’s Color + Size.

    
    .toggle-menu-wrapper a:before {
        font-size: 25px;
        color: #ff0000;
    }
    

    Thanks

    #156597

    innerbayprep
    Member

    Thank you it works well!
    Just one problem I noticed, there is quite a noticeable space on the top. Since the mobile screen is very small. I would like to see if it possible to reduce the space/padding above the logo + menu row. Thank you so much!

    #156651

    designorbital
    Theme Author

    Hi,
    Please try the following css snippet.

    
    @media (max-width: 767px) {
        .site-header {
            padding: 0;
        }
    }
    

    Thanks

    #156663

    innerbayprep
    Member

    great it works thank you

The topic ‘Mobile menu help’ is closed to new replies.