Mobile Menu Button Adjustment

claudnicolson · March 29, 2022

Site URL: https://tangerine-gerbil-7cah.squarespace.com

Hi,

I have a site which is only 1 page (so no page/links in the header).

However, on mobile it looks odd having the hamburger menu open and it being empty with the 'contact' button at the very bottom.

Is it possible to centralise this button on mobile only? Or move it up in the space (image attached)

If not, can we remove the hamburger menu from mobile completely?

Thanks in advance! :)

tuanphan · March 31, 2022

Add to Design > Custom CSS

/* Force desktop menu on Tablet Mobile */
@media screen and (max-width:991px) {
.header-display-desktop {
    display: flex !important;
}
.header-display-mobile {
    display: none;
}
.header-burger {
    display: none;
}
.header-nav {
    display: flex !important;
}
.header-nav {
}
    .header-actions, .header-actions-action {
        display: block !important;
    }
    .header-actions.header-actions--right {
        position: relative;
        left: -70px;
    }
}

Mobile Menu Button Adjustment

Recommended Posts

claudnicolson

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Create an account or sign in to comment

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources