How do I keep a nav bar at the top of the page?

Home Forums All Other Themes How do I keep a nav bar at the top of the page?

Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #143955
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    Theme SKT Ele Business – is it possible to keep the navigation on top of the page?

    #143959
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    With same SKT ELE Business, the font is not showing on the pages? (assistant) only within the wordpress management….

    #143964
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #143965
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    https://www.energiaplus.fi

    #143966
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    So the address is h t t p s: // w . w. w. e n e r gi a plus.fi

    #143986
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .has_trans_header .header_wrap { position:fixed !important;}

    Regards,
    Chris

    #144005
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    Thanks Chris

    #144100
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    🙂

    #144356
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    Sorry, afterwards…. we noticed that the nav bar does not work on every page???????
    h t t p s: // w . w. w. e n e r gi a plus.fi
    It has different behavior in the inner pages??????

    #144357
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Remove:
    .has_trans_header .header_wrap { position:fixed !important;}

    And add this new CSS:

    .has_trans_header .header_wrap {
        position: fixed !important;
        z-index: 10;
        width: 100%;
    }

    Regards,
    Chris

    #144368
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    Header Layout 1.. can we shift the email and phone data blow the navigation menu.. but still in the same white background area….. so that the email and phone would be right after the menu… and on the right as it is now?

    #144369
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    And this new code is working in normal view… but mobile menu gets broken…..

    #144370
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    The navigation works now on all the other pages, but the front page gets messed up.

    #144373
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly use this one:

    .has_trans_header .header_wrap {
        position: fixed !important;
        z-index: 100;
        width: 100%;
    }

    Regards,
    Chris

    #144374
    KariKari
    Participant
    • Topics: 63
    • Replies: 98
    • Total: 161
    Member since: May 17, 2016

    This code will leave the front page banner below the navigation….

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