Changing Menu Bar to Top Rather Than Bottom in TRVL

• 

  omgsalonbuzz · Member · Sep 17, 2013 at 4:17 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I’d like to change the menu bar to the top or left side of the homepage in my TRVL themed site. How do I do this by editing my site’s CSS?

  Thank you, thank you!

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

• 

  bobbol · Member · Sep 17, 2013 at 7:17 pm

  • Copy link

  omgsalonbuzz
  I tested the trvl theme but not the premium trvl theme; I’d think you’d be able to place a menu on the top of the page using Appearance/Menus without having to resort to CSS. However I did notice that this theme seems to be a bit challenged on menu location placement.

  Maybe someone else has some input on this.

  Cheers!

• 

  omgsalonbuzz · Member · Sep 17, 2013 at 7:24 pm

  • Copy link

  Yeah, it defaults to the footer, so Appearance–>Menus doesn’t help. I think it is a CSS issue.

• 

  designsimply · Member · Sep 17, 2013 at 11:48 pm

  • Copy link

  You should be able to do that with absolute positioning.

  Here is an example that will move the main navigation menu in the TRVL theme from the bottom to the top and add a little padding to give it room:

  body {
  	position: relative;
  	padding-top: 52px;
  }
  .navigation-main {
  	position: absolute;
  	top: 0;
  }

• 

  omgsalonbuzz · Member · Sep 19, 2013 at 4:19 pm

  • Copy link

  Hooray! Works like a charm–thanks so much!

• 

  designsimply · Member · Sep 19, 2013 at 7:51 pm

  • Copy link

  Awesome! :)