How to reduce my site to one page on mobile but keep the others on desktop version?

KofiPerry · February 29

How can I remove or hide my navigation menu on the mobile version of my site in order to have only one visible page where I can put all of my content? Is it possible to do this while keeping the navigation menu and corresponding pages visible on the desktop version?

I want my mobile version to land on a single page that starts with the content currently on my "about/contact" page, followed by what's on my "selected works" page when scrolling down. I don't want a navigation menu on mobile. My website is https://www.kofiperry.com/

Thank you!

tuanphan · March 3

To hide nav on mobile, use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
.header-nav, .header-burger {
    display: none !important;
}
}

How to reduce my site to one page on mobile but keep the others on desktop version?

Recommended Posts

KofiPerry

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources