Move menu bar to bottom of page?

  • Unknown's avatar
    thekirstencollective · Member ·

    Hello.
    I’m using the Argent theme and would like to move the main menu bar to the bottom of the page. Is this something I can do with CSS code?
    Thank you for your help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    This can be done, but it very likely going to come with some drawbacks due to the way the theme HTML is structured, and the biggest drawback is that your visitors may never scroll down far enough to see the navigation and so may never find your additional pages and sections. The following does what you want, but the alignment issue is that when your menu goes to two lines, at about 860px in window/screen width, your menu hides behind your About Me child page image. Given that your menu can change in total length, there is no reliable way for use to address that which would not cause visitor confusion. What we would have to do is more the menu to the bottom and then let it fall back to the top when the menu goes to two lines. Again, confusing for your visitors. 

    @media screen and (min-width: 768px) {
#page {
  position: relative;
}
#site-navigation {
  position: absolute;
  bottom: 70px;
}
}

    I don’t think this is something that you should do.

  • Unknown's avatar
    thekirstencollective · Member ·

    Shoot. But thank you! You’re probably right. I guess I was hoping to make the portfolio tiles act as the menu instead of having the redundancy of both the tiles and the bar. I may need to rethink my overall layout. Is it never possible to have just the tiles as the “menu” without also having a menu bar?
    Thank you so much for your prompt and detailed response. Truly grateful.

  • Unknown's avatar
    thesacredpath · Member ·

    We could hide the top navigation on the main page with the following if that would work for you. 

    .home #site-navigation {
  display: none;
}
  • Unknown's avatar
    thekirstencollective · Member ·

    Yes! That’s exactly what I want and it works perfectly. That’s even better than what I thought I wanted because I hadn’t thought through the lack of menu on the other pages. This is beautiful.
    I’m amazed at the prompt and helpful nature of this forum. I didn’t realize it was possible to get this kind of help :).
    Thank you. (And thanks for your help on the other topic, too. Heading over there now).
    With gratitude…

  • Unknown's avatar
    thesacredpath · Member ·

    You are most welcome, and thanks.

  • The topic ‘Move menu bar to bottom of page?’ is closed to new replies.