Jump to content

Remove Navigation Links from Landing Page

Recommended Posts

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.

Landing Page Screen Grab.png

Edited by DAJHOOD
Link to comment

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.

Edited by christyprice
Link to comment

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

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

 

Link to comment
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

Landing Page Mobile View.png

Link to comment

@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

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.