navbar inside the toolbar? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    navbar inside the toolbar?

    Trych
    Trych
    New Member


    Posts : 22
    Reputation : 1
    Language : French/english

    Solved navbar inside the toolbar?

    Post by Trych June 29th 2020, 1:35 am

    hello!

    im using modernBB version and i am trying to put my whole navbar inside my toolbar at all time and im not sure where to start with it.
    link: https://www.mhafanbase.com/

    right now its the basic sticky navbar with transition when you scroll down but id like do to so I remove the share button and search bar from the toolbar and put the navigation bar there instead if that make sense. Razz


    Last edited by Trych on July 1st 2020, 10:53 am; edited 1 time in total
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51474
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: navbar inside the toolbar?

    Post by SLGray June 29th 2020, 2:33 am




    navbar inside the toolbar? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Trych
    Trych
    New Member


    Posts : 22
    Reputation : 1
    Language : French/english

    Solved Re: navbar inside the toolbar?

    Post by Trych June 29th 2020, 4:26 am

    Awesome I could remove some parts! Now is the tooldbar in a template? Im trying to find a way to fuse the navbar with it!
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51474
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: navbar inside the toolbar?

    Post by SLGray June 29th 2020, 7:05 am

    So you do not want the navbar that appears when you scroll down the page?



    navbar inside the toolbar? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Trych
    Trych
    New Member


    Posts : 22
    Reputation : 1
    Language : French/english

    Solved Re: navbar inside the toolbar?

    Post by Trych June 29th 2020, 7:20 am

    SLGray wrote:So you do not want the navbar that appears when you scroll down the page?

    I want to incorporate the navigation barr inside the toolbar, so its always fixed at the top on the same line as the toolbar if that make sense :o
    mSyx
    mSyx
    Forumember


    Male Posts : 155
    Reputation : 47
    Language : French & English
    Location : France

    Solved Re: navbar inside the toolbar?

    Post by mSyx June 30th 2020, 5:13 pm

    Oi,
    Add the following CSS in your CSS stylesheet:

    Code:
    .headerbar ul.navbar.navlinks {
      position: fixed;
      left: 128px;
      top: 6px;
      z-index: 99999;
    }

    .headerbar ul.navbar.navlinks li {
      margin: 0;
    }

    .is-sticky#headerbar-top.w-toolbar {
      top: 0 !important;
      z-index: 99999 !important;
      background-color: transparent;
      box-shadow: none;
      }

    TonnyKamper and Trych like this post

    Trych
    Trych
    New Member


    Posts : 22
    Reputation : 1
    Language : French/english

    Solved Re: navbar inside the toolbar?

    Post by Trych July 1st 2020, 8:01 am

    This work but my only problem is that the whole navigation menu is hidden until we scroll down navbar inside the toolbar? 1f614
    Spoiler:

    Edit: Solved by adding more *9* to the z-index property! I love you

    I greatly apprecitate the help for this code, thank you @mSyx!

    TonnyKamper and mSyx like this post

    mSyx
    mSyx
    Forumember


    Male Posts : 155
    Reputation : 47
    Language : French & English
    Location : France

    Solved Re: navbar inside the toolbar?

    Post by mSyx July 1st 2020, 5:33 pm

    Oh yeah, I omitted that. My bad :/
    Glad you figured out how to fix this aswell!

    TonnyKamper and Trych like this post

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15292
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: navbar inside the toolbar?

    Post by skouliki July 1st 2020, 8:56 pm

    Problem solved & topic archived.
    Please read our forum rules: ESF General Rules