Remove or Disable Menu / Navigation / Links from Header

Hello,

I'd like to remove or disable the menu / navigation / links from the header of my website. I used this code, which removed the bar behind it, but the link remains.

The website is: https://www.resilientdisciples.com/

@kevino did you solve?

I have not solved it yet. The link to the "homepage" is still at the top.

Thank you! I placed it in the broader Design CSS box and not the page CSS box and it worked.

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".

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

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; }

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?

Similar issue here. I have a link in the top nav that I do not want to be clickable: Quick Move-in Homes.

https://wilson-homes.com/

I tried some custom css in the Design section, but it doesn't seem to be working. perhaps because the template I'm using is Hayden, not Brine? Is there a solution for the Hayden template?

.Header-nav--primary .Header-nav-folder-title {
  pointer-events: none;
}