How to create sticky header in Pro Hotel

Home Forums Hotel Pro How to create sticky header in Pro Hotel

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #92946
    krissie
    Participant
    • Topics: 6
    • Replies: 10
    • Total: 16
    Member since: January 29, 2018

    Hi guys,

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

    #92947
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #92948
    krissie
    Participant
    • Topics: 6
    • Replies: 10
    • Total: 16
    Member since: January 29, 2018

    Sorry, sure.. it’s http://www.kapensis.co.za

    #92949
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

    #92981
    krissie
    Participant
    • Topics: 6
    • Replies: 10
    • Total: 16
    Member since: January 29, 2018

    Many thanks!

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

    Thanks! 🙂

    #93028
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

    h1.entry-title { display:none;}

    Regards,
    Chris

    #93034
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

    Ignore my previous mail.

    Kindly use this css code to hide breadcrumbs.

    .breadcrumbs { display:none;}

    Regards,
    Chris

    #93052
    krissie
    Participant
    • Topics: 6
    • Replies: 10
    • Total: 16
    Member since: January 29, 2018

    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: http://www.kapensis.co.za

    Thanks Chris! 🙂

    #93053
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

    h1.entry-title { display:none;}

    Regards,
    Chris

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.