badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Sticky header for Interface Pro

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #41373
    Heidi
    Participant

    Hi, is there a way to add sticky header for this theme? I tried to add position fixed, top: 0 etc to css but it did not work well.Can you help? This theme would be perfect with it.
    So I nee topmenu with logo to stay top when scrolling site, and in mobile too.

    #41430

    Hi Heidi,

    To add sticky header menu for this theme go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save button:

    .hgroup-wrap {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100000;
    }

    Thank you!

    #42831
    chriswieser
    Participant

    Hi,

    sorry for digging this up, it works really nice, besides that it “swallows” the container of the Breadcrumb Menu, in which also the page title is stated, do have any quick solution for this?

    Thanks in advance and best regards

    chris

    #42832

    Hi Chris,

    If so please add below Custom CSS too

    #branding {
        padding-top: 102px;
    }

    Thank you!

    #42839
    chriswieser
    Participant

    And again, thank you very much, this worked perfectly!

    #42884

    That’s great chriswieser

    Thank you!

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