Moving navigation bar below Header

  • 1
  • Question
  • Updated 7 years ago
  • Answered
I am using the modern interiors theme. The top navigation bar is above the header. Is there a way to change the order so Nav bar is below header? I actually don't want a header at all, but when I leave it blank there is a big space between content and nav bar. Would love to know how to work around this. Thanks so much!
Photo of joe

joe

  • 3 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Joe,

Please try this code in your Site CSS:

#sys_banner {
display:none;

}

div#sys_background {
height:60px;
}


You can adjust the height as needed.
Photo of joe

joe

  • 3 Posts
  • 0 Reply Likes
Thanks for the response, but this seems to get rid of the banner not the header text. I am trying to bring the top nav bar closer to the banner.
Photo of joe

joe

  • 3 Posts
  • 0 Reply Likes
Main thing is that I am trying to narrow the margins underneath the nav bar and above the header so they are not so spread out.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Oh my apologies for misunderstanding. Please try this one:

div.ys_header {
display: none
}

div.ys_top_shadow {
padding-top:200px;
}


You can adjust the padding top as needed.