Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Hide Navigation Bar on only one Page Brine family Template


JuBalas
Go to solution Solved by tuanphan,

Question

Hey hi, 

i have seen on the forum the exact same question i'm posting right now but none of the answers work for me so here i am.

I’m trying to remove the navigation bar from a specific page on my maple inn template (brine family). I'v read that i should insert this code :

body#collection-5d58db8548099500014d80bb nav.Header-nav.Header-nav--primary {
   display: none;
}

But it doesn't work. Is there another way to do it or should i modify something in the code ?

Thx in advance for your help ! 

 

Link to post
  • Answers 12
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

The code you have should work, but if you want me to take a look please share a link (and pwd if needed) to your website. /* HIDE THE PRIMARY NAVS */ #collection-5d58db8548099500014d80bb .Header-n

12 answers to this question

Recommended Posts

  • 1

Replace body#collection-5d58db8548099500014d80bb with Your Page ID. See how to find Page ID.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

The code you have should work, but if you want me to take a look please share a link (and pwd if needed) to your website.

/* HIDE THE PRIMARY NAVS */
#collection-5d58db8548099500014d80bb .Header-nav--primary {
   display: none!important;
}

/* HIDE THE PRIMARY AND SECONDARY NAVS */
#collection-5d58db8548099500014d80bb .Header-nav {
   display: none!important;
}

 

Link to post
  • 0

Thank you so much to both of you !

Here are some more precisions about the way to do it :

1/ Each page has a specific collection number, so if you want to hide the navigation bar on a specific page, go on this page and find the page's collection number

2/ Replace the collection number in the following code by yours

#collection-5dcedd5eb702913cebc23c32 .Header-nav {
   display: none!important;
}

3/ Insert the code in DESIGN > CUSTOM CSS

4/ If you need to hide your navigation bar on several pages, follow the first 3 steps for each page. Your custom CSS window will look like this 

#collection-5dcd70869ea30043a7d107f7 .Header-nav {
   display: none!important;
}
#collection-5dcd7c15efe0ea08ad8167ac .Header-nav {
   display: none!important;
}
#collection-5dcedd5eb702913cebc23c32 .Header-nav {
   display: none!important;
}

 

👋🏻

Link to post
  • 0
4 minutes ago, luisgonzalez said:

@lu.diehl thanks for that, it helped! Any way to do the same for mobile? Links still appear on mobile but desktop is fine.

Are you using a brine template family? Better yet, can you share the link to your site?

Link to post
  • 0
1 hour ago, lu.diehl said:

Are you using a brine template family? Better yet, can you share the link to your site?

@lu.diehl

I am! Here is the site as it is. Trying to do a multilingual site for this documentary. 

blurringman.org

Edited by luisgonzalez
Link to post
  • 0
On 8/8/2020 at 7:51 AM, lu.diehl said:

@luisgonzalez- were you able to fix it? because I don't see any logo when viewing the site on desktop or mobile.

@lu.diehl hey! It wasn't the logo it was the mobile nav. On desktop for the Spanish site I want just the Spanish nav, and likewise for English. I was able to achieve this for the desktop version but not mobile. Any way to target that for the mobile nav?

Link to post
  • 0
On 8/10/2020 at 9:54 PM, luisgonzalez said:

@lu.diehl hey! It wasn't the logo it was the mobile nav. On desktop for the Spanish site I want just the Spanish nav, and likewise for English. I was able to achieve this for the desktop version but not mobile. Any way to target that for the mobile nav?

Can you share site url?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
2 hours ago, tuanphan said:

Can you share site url?

@tuanphan 

Here is the site as it is. Trying to do a multilingual site for this documentary. 

blurringman.org 

main issue is wanting to separate the navs on mobile for each language, I was able to do that on desktop.

Link to post
  • 0
On 8/12/2020 at 11:07 PM, luisgonzalez said:

@tuanphan 

Here is the site as it is. Trying to do a multilingual site for this documentary. 

blurringman.org 

main issue is wanting to separate the navs on mobile for each language, I was able to do that on desktop.

Try these guides

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...