Jump to content

Remove or Disable Menu / Navigation / Links from Header

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 years later...
On 2/3/2022 at 8:33 AM, Victor_munhoz11 said:

Hi mate, your answer solves my problem partially.

I don't want to delete all navigation links from my heading, instead I would like to keep "contact" and "home".

 

What is your site url? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 6 months later...

I had the same question, and since I am new to the forum, I wasn't sure about creating a new question to one that was already asked.  I am not a web designer of any sort.  I manage my school's website that I inherited, and it is pretty rudimentary.  Anyway, I am having the same issue.  I want the header row in the navigation pane to stop going to the first page under them.  I finally managed to get everything set up the way I want, and I am afraid of messing it up.  Here is my custom CSS.  I want the behavior to all be the same, I just don't want clicking on the header titles to automatically go to the first page under them.  For example, if you accidentally click on the "Documents" header, it goes to the first page alphabetically which is a Chromebook sign-out form. There are several unrelated pages of forms and links under it.  It doesn't make any navigation sense.  My school's website is located here: https://www.townsendcs.org/

Thanks in advance for any help!

#headerNav .subnav {
  background-color: black !important;
}.sqs-block.image-block .image-caption-wrapper p { font-size: 17px}

#collection-57110fb9b654f910d01b82af h2 {color: white;}

    .sqs-block-button-element--large { width: 80% !important; }

Edited by dstubb
typo
Link to comment
On 8/21/2022 at 8:19 PM, dstubb said:

I had the same question, and since I am new to the forum, I wasn't sure about creating a new question to one that was already asked.  I am not a web designer of any sort.  I manage my school's website that I inherited, and it is pretty rudimentary.  Anyway, I am having the same issue.  I want the header row in the navigation pane to stop going to the first page under them.  I finally managed to get everything set up the way I want, and I am afraid of messing it up.  Here is my custom CSS.  I want the behavior to all be the same, I just don't want clicking on the header titles to automatically go to the first page under them.  For example, if you accidentally click on the "Documents" header, it goes to the first page alphabetically which is a Chromebook sign-out form. There are several unrelated pages of forms and links under it.  It doesn't make any navigation sense.  My school's website is located here: https://www.townsendcs.org/

Thanks in advance for any help!

#headerNav .subnav {
  background-color: black !important;
}.sqs-block.image-block .image-caption-wrapper p { font-size: 17px}

#collection-57110fb9b654f910d01b82af h2 {color: white;}

    .sqs-block-button-element--large { width: 80% !important; }

Hi,

You want Dropdown title to be not clickable, or click but redirect to new url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.