Moving navbar to div container

  • Joe G

    (@techpalconsulting)


    6 years, 3 months ago

    Hi there,

    I am wanting to put my nav menu in a div container float:right. However i’m still at quite a beginner level with html/css and I’m not sure how to implement this into the stylesheet or even the additional CSS panel for it to take effect.

    Could anyone please assist with a code that could help me achieve this?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    If you want your menu to stay in place when you scroll down, you can use the following CSS code:

    @media screen and (min-width: 68em) {
.site-header {
    position: fixed;
    z-index: 1;
    background: #fff;
}
}

    If this doesn’t work or you have more questions, just let me know and I’ll be happy to help!

    Thread Starter Joe G

    (@techpalconsulting)

    Hi Fotis,

    Thanks for the reply. I’m not looking for a sticky nav as my page has a fixed background and no scroll bar.

    I’m looking to put the nav within a container and float it right. Like this.

    That will require heavy editing of the theme and might break other things, so I cannot recommend it.

    I suggest finding another theme that supports that kind of feature out of the box.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Moving navbar to div container’ is closed to new replies.