Fade out kleo-main-header for certain pages

[pevcclubsg]

Hey

I have following problem:
I would like to fade out the navigation menu (kleo-main-header) for certain pages (not the complete header –> the social container should be displayed)

This certain pages are recognised by the url of the page. So for example on all pages whose url contains “/members/” the menu should be not displayed.

Is it possible to edit the Theme in a way that for these pages the menu isn’t loaded or the menu is at least hidden (via css)?

Hope you can help me
Greetings

[Radu]

Hi,

You can hide the top bar like this

COPY CODE

body.page-id-7 .header-color.social-header {display:none;}

This will be set display none for the social header only in page with id 7, if you want to hide in multiple pages you will do like this

COPY CODE

body.page-id-7 .header-color.social-header,body.page-id-8 .header-color.social-header, body.page-id-9 .header-color.social-header {display:none;}

Best Regards

Radu

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

What support service includes ? What not ?

[pevcclubsg]

Hey Radu,

thanks for your reply. I understand your solution.

My problem is that the pages are created dynamically that means for every event i create, every new member that signs up and every job i create there is a new page.

So it is not possible to take all the IDs.

I think it should be possible to add this css by requesting the URL.
In my case the URLs would be: “/members/”, “/job/”, “/events/”.

Is there any way to realize that?

Greetings

[Radu]

In case of page members you can use like this

COPY CODE

body.members

Please give me or tell me what plugin generate these pages
/job/
/events/

REgards

RAdu

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

What support service includes ? What not ?

[pevcclubsg]

Thanks for ur reply!

I dont know how that should work.

I use following plugins:

Members: Buddypress
Jobs: WP Job Manager
Events: Events Manager

Regards

[Radu]

Hi,

Kleo don’t comes with the WP Job Manager and Events manager plugin, can you provide URL with the job manager page and events manager page to take a look ?

Regards

Radu

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

What support service includes ? What not ?

[pevcclubsg]

Hey

both pages are user restricted so u dont have access but the page is pevcclub.ch

Regards

[Radu]

Hi,

Please provide me dummy account to can see that pages.

Cheers

Radu

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

What support service includes ? What not ?

[pevcclubsg]

Dummy Account:
Username: aaaaaa
PW: aaaaaa

Pages:
http://www.pevcclub.ch/job/investment-analyst-private-debt/
http://www.pevcclub.ch/events/alpine-capital/
http://www.pevcclub.ch/members/aaaaaa/

[Radu]

Hi

Css path to style only single job pages

COPY CODE

body.single-job_listing  {}
body.single-job_listing .header-color.social-header {display:none;}

CSs path to style only single events pages

COPY CODE

body.single-event {}
body.single-event .header-color.social-header {display:none;}

Best Regards

Radu

CSs path to style only single member pages

COPY CODE

body.members .header-color.social-header {display:none;}

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

What support service includes ? What not ?

[Author]

Posts