Remove Navigation Links from Landing Page

Site URL: https://www.newnative.design/welcome-3-1-1

Hello, is it possible to add custom CSS to remove navigation links from the header bar (desktop & mobile) on a single page, in this case the landing page? I have two buttons for visitors to navigate from said landing page so I wish to remove the nav links to avoid confusion.

I have side question too, I'm struggling to find a solution for reducing the space between the two buttons I previously mentioned, is there a custom CSS solution to this by any chance?

I would be grateful for any assistance, I've tried a number of coding suggestions and nothing has worked so far!

Thank you!

P.S the template is Ventura

Screen grab below.

Hi! To remove the navigation, try adding this code to Custom CSS:

#collection-6101719ed566032d03b5a826 .header-nav-list {
	display: none;
}

For the buttons, a no-code solution may be to edit the button on the left to align right? If you've already done that, you can add some code to reduce the margin.

Here's CSS that will help reduce the button margin:

#block-1b06ecd7ce0946d0c99f {
    margin-right: -30px;
}

Amazing! That all worked, for both the Navigation and the button spacing, thank you so much! I'm very grateful for you help! 🙏

14 hours ago, christyprice said:

Here's CSS that will help reduce the button margin:

#block-1b06ecd7ce0946d0c99f {
    margin-right: -30px;
}

 

14 hours ago, christyprice said:

Here's CSS that will help reduce the button margin:

#block-1b06ecd7ce0946d0c99f {
    margin-right: -30px;
}

 

The button spacing code seems to go a bit funky in the mobile view, is there a way to edit this by any chance so it works in both views? Thank you

@DAJHOOD, yes you can absolutely do that by adding a media query. This post walks you through how to do that: https://christyprice.com/blog/custom-code-screen-size-squarespace