hiding part of the Navigation buttons but not all

is there a way I can hide the drop downs (navigation) buttons that are static on the top bar but keep a LOGIN and QUOTE button?

Are you wanting to do this on just some of your pages or site-wide?

It will be for a store that I am setting up for one of my clients, so only on their "store" pages only.

Add the following example code to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  .header-nav {
  
    display : none;
    
    }
    
  </style>

Let us know how it goes.

Hi. Thanks for responding. I tried this and used the ID finder tool you sent, but it is still showing my main navigation. To answer your question, I only want to hide the main navigation. 

I've just set up a new page without anything added yet to start work on this. Here is the url to the page: https://www.corianderdesigns.com/new-page-1

4 hours ago, amandacoccaro said:

but it is still showing my main navigation

I assumed you were on v7.1. You are on v7.0 using the Brine template family which requires different code.

<style>

  .ancillary-header-primary-nav-position-bottom-center.has-primary-nav .Header--bottom {
  
    display : none;
    
    }
    
  </style>

Let us know how it goes.

Sweet! It worked. 
Will I need to adjust the code if I adjust the placement of the navigation to center right? 
Additionally, will I need to adjust the code if I change the url slug of the page? Eventually I want this to be a splash page for my site so the url will change. 

Thanks for your help.

Quote

Will I need to adjust the code if I adjust the placement of the navigation to center right?

Yes.

I don't know all the selectors SS uses for each of the positions so I can't give you those ahead of time.

Quote

will I need to adjust the code if I change the url slug of the page?

No.

Thank you. I was able to use the code you provided and adjust based on my updated nav placement. I really appreciate your help.