Customizing mobile navigation: primary & secondary navs

StephCueLaz · November 24

Hello. How to I change the spacing in the primary and secondary mobile navs without effecting each other? Right now I like there to be a bit more space between the primary nav, but would like less spacing in the secondary nav so that the user doesn't need to scroll to see all my projects. I was able to customize the nav with a custom font, but need help with spacing. I've attached screenshots, please help!

Also, is there a way to align both the copy in the primary & secondary nav? I like where "back" is place in the secondary nav but would like to move "projects" up to the space spot.

Thank you!

tuanphan · Thursday at 03:37 AM

You can use this code to Website Tools > Custom CSS

[data-folder="root"]>div>div>div.container {
    margin-bottom: 30px;
}
div.header-menu-nav-folder--active>div>div.container {
    margin-bottom: 5px;
}

StephCueLaz · Thursday at 03:52 AM

That worked. Thank you so, so much @tuanphan!!

Customizing mobile navigation: primary & secondary navs

Recommended Posts

StephCueLaz

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

StephCueLaz

Create an account or sign in to comment

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources