How to create sticky header in Pro Hotel

[krissie]

Hi guys,

How do I make the top header section sticky? So when you scroll, it stays visible at the top?
Thanks
Krissie

[Sonal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Chris

[krissie]

Sorry, sure.. it’s www.kapensis.co.za

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.header {position: sticky; top: 0; z-index: 10000;}

Regards,
Chris

[krissie]

Many thanks!

How can I remove the breadcrumbs? I don’t need them for this as the client only wants one page.

Thanks! 🙂

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

h1.entry-title { display:none;}

Regards,
Chris

[Sonal S Sinha]

Hi,

Ignore my previous mail.

Kindly use this css code to hide breadcrumbs.

.breadcrumbs { display:none;}

Regards,
Chris

[krissie]

Sorry, I think I need to hide the page name as well? As these are still showing on each page?

http://prntscr.com/i7ja0v

The website is: www.kapensis.co.za

Thanks Chris! 🙂

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

h1.entry-title { display:none;}

Regards,
Chris

[Author]

Posts