Align site-nav with content for 2019 theme

• 

  bearclawindustries · Member · May 24, 2019 at 1:10 am

  • Copy link
  • Add topic to favorites

  I have been trying so hard to fix this, and so far nothing has worked.

  Currently, I am using the following to center the content.

  .entry .entry-content > *,
  .entry .entry-summary > * {
  max-width: none;
  }

  However, the menu is still left aligned. Does anyone know a quick fix?

• 

  shubhamgmath · Member · May 24, 2019 at 2:29 am

  • Copy link

  Hi bearclawindustries

  Can you please mention your site URL? So that we can help you in right direction.

• 

  bearclawindustries · Member · May 24, 2019 at 4:58 am

  • Copy link

  Thank you so much for your quick reply.

  Actually, I fixed my problem with the following code from my assistant dev.

  I hope this might help someone else in the future. Had to insert the following in the Custom CSS. You can, of course, play around with the values to suit.

  
  @media screen and (min-width: 1500px){

  #site-navigation.main-navigation {
  margin-left: 14%;
  margin-right: 14%
  }

  
  @media screen and (min-width: 3000px){
  #site-navigation.main-navigation {
  margin-left: 37.5%;
  }
  }

• 

  shubhamgmath · Member · May 24, 2019 at 5:35 am

  • Copy link

  Happy to know that you were able to solve that issue. Have a nice day :D

• 

  bearclawindustries · Member · May 24, 2019 at 6:04 am

  • Copy link

  Opps, after scrapping the egg off my face…

  Certainly, it is better than before, but as you resize the screen window, the menu position relative to the content section below keeps moving.

  Is there a way to make the menu static, so that it left aligns to the content section regardless of screen size?

  The site I am working on is below.

  https://bearclawindustries.com/inverters/