Main nav pushed outside of header in chrome

- 8 years, 6 months ago ithinkfast
  Participant
  
  Expired
  
  site: https://www.pioneercapitalco.com/
  
  In Chrome: Main navigation is pushed down outside of the header. This does not include the navigation background, just the elements of the navigation, like the logo and he bottom-border on hover.
  
  Can’t seem to find the problem using the developer tools in chrome. Thanks for any help possible!
  
  In chrome (incorrect):
  
  In Safari (correct):
  
  Thanks!
  
  D
- 8 years, 6 months ago ithinkfast
  Participant
  
  Expired
  
  screenshot from Chrome (incorrect):
  
  View post on imgur.com
  
  screenshot from Safari (correct):
  
  View post on imgur.com
- 8 years, 6 months ago ithinkfast
  Participant
  
  Expired
  
  I temporarily changed the menu style from the preferred “Menu item with border bottom” to “with top border.” I’d still like to resolve this problem as I prefer the border bottom option. Thanks for any time and help.
- 8 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Please change it back to border bottom. So we can test it ad send you the right css to add in order to align it better.
  This does not happen on our side so i can’t test it here.
  
  Regards!
- 8 years, 6 months ago ithinkfast
  Participant
  
  Expired
  
  I’ve changed the header style back to the bottom-border, thanks for looking into this! Please be sure to check it in the Chrome browser, it seems to be fine in Safari.
  
  Thanks!
  
  D
- 8 years, 6 months ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  .header_8 nav .menu>li { margin-top: -10px !important; }
  
  Let us know how it goes.
  
  Best regards!
- 8 years, 6 months ago ithinkfast
  Participant
  
  Expired
  Thanks for the tip. This does not fix the problem overall, it only fixes the menu buttons for Chrome. The menu buttons are now pushed up 10px in Safari and the logo is the same as before since this is only affecting menu.
  
  Let me know if you have another fix for both the logo and menu buttons so they look correct in Chrome. Thanks!
  
  (Will temporarily leave the code you provided in the post above live so you can see the results.)
  
  This reply was modified 8 years, 5 months ago by Mirela.
- 8 years, 5 months ago Mirela
  Participant
  
  Hello,
  
  Can you please send us some valid wp credentials? I would like to give this a closer look since it does not happen on our side.
  Please fill in the login information on the extra information fields of your profile data.
  
  Read this article for more information.
  
  Best regards!
- 8 years, 5 months ago ithinkfast
  Participant
  
  Expired
  
  You should be able to access my WP credentials. Hope this helps you find a fix!
  
  Thanks,
  
  Dan
- 8 years, 5 months ago Mirela
  Participant
  Hello,
  
  I edited out the code to this:
  
  header#header { height: 100px !important; }
  
  I tested it in chrome and Safari. It’s ok in both browsers. Please check and let us know.
  
  Best regards!