Reverse navigation bar and header

Premium Theme Support Pro Theme Design Chronicle Reverse navigation bar and header

• 

  bendhibabusiness · Member · January 4, 2021 at 4:26 am

  • Copy link
  • Add topic to favorites

  Hi I would like to change the position of the navigation bar (top menu) with the header (logo). Since I don’t have access to the source code, how can I do it with css?
  Thank you.

  What I have –> https://mnkblog.com/wp-content/uploads/2021/01/Before.png
  What I want –> https://mnkblog.com/wp-content/uploads/2021/01/After.png

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

• 

  binarymoon · Theme Author · January 5, 2021 at 11:59 pm

  • Copy link

  Hi there

  I would use the following custom css to do what you want:

  body {
      display: flex;
      flex-direction: column;
  }
  
  .masthead {
      order: -1;
      background: #a8a392;
      padding-bottom: 0
  }
  .menu-primary .menu ul li a:before {
      display: none
  }
  nav.menu-primary {
      padding-bottom: 15px;
  }

  Thanks – Ben

• 

  bendhibabusiness · Member · January 7, 2021 at 1:36 am

  • Copy link

  Thank you Ben! It worked.

• 

  bendhibabusiness · Member · January 7, 2021 at 1:37 am

  • Copy link

• The topic ‘Reverse navigation bar and header’ is closed to new replies.