Remove top bar from dedicated page

This topic has 9 replies, 3 voices, and was last updated 9 years by Radu.

Author
November 2, 2016 at 11:05 #142547

dave0701
Participant

Hi,

I would like to remove the top bar from a page which i have included in the menu as a “link” page (to display the events calendar).

Now, since this page is not edittabel i can also not remove the top bar (as i did with “regular” pages).

How to solve this?
November 2, 2016 at 21:41 #142603

Kieran
Participant
If it is a page you can target the page ID in css, replace 39 with the page ID
COPY CODE
```
.page-id-39 .social-header {
    display: none !important;
}
```
November 3, 2016 at 17:54 #142733

dave0701
Participant

Thanks for trying to answer, but this page does not have an id mentioned since it is a custom menu item (found under wordpress-menu-custom menu and than you can add a link. In this matter a link to an event calendar)
So, my question still reamins the same; how can i remove the top eader of this specific custom menu page?

November 3, 2016 at 18:18 #142742

Kieran
Participant

Hi @dave0701

If you’re willing could you send me a link to the specific page you want to hide the top bar on?

November 3, 2016 at 19:24 #142751

dave0701
Participant

Hi, site is normally still under restriction (since still work in progress) but i just opened it, hoping that you can take an immediate look the coming hour or so

http://pilatescommunitynederland.nl/events/

On all other pages i could use the Kleo settings to remove top bar, on this one i can’t (since it is a page link added under custom menu

Anxious to hear from you!

November 4, 2016 at 19:55 #142890

Radu
Moderator

Hi,

Please provide admin credentials to can see those pages please.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

November 9, 2016 at 13:09 #143544

dave0701
Participant

Hi Radu,

Sorry I missed your last answer. Normally I could give you an extra admin logi, but due to technical difficulties I can’t now.

However, I still need help with remocing the top header on a acustom page, so I can “open up” this site at a specific time so you can have a look to this page. Wjat time today would be good for you?
November 9, 2016 at 18:57 #143594

Radu
Moderator
Hi,

Header can be hidden from a specific page using this css where 334 represents that page ID.
COPY CODE
```
.page-id-334 #header {
    display: none !important;
}
```
Or from page/post backend check hide header

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
November 10, 2016 at 10:58 #143710

dave0701
Participant

Hi,

Thanks for your reply, but this is the same answer i already received from your colleague (see previous replies). With a custom menu (added under menu settings, which contains a link inside, in this matter to an event calendar), I see no possibility to find the page id. Also I cannot go in edit page functionality for this custom menu page, so i also cannot use the added Kleo functionality as shown in your image. (i do use this for the other pages)
Enclosed is a screen shot

November 11, 2016 at 15:49 #143895

Radu
Moderator

Hi,

In this case the event plugin for sure adds a specific class for events page provide admin credentials to can see the events page

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Author

Posts