-
-
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
-
screenshot from Chrome (incorrect):
screenshot from Safari (correct):
-
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.
-
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!
-
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
-
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!
-
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 6 years, 9 months ago by Mirela.
-
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!
-
You should be able to access my WP credentials. Hope this helps you find a fix!
Thanks,
Dan
-
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!
-
You must be logged in to reply to this topic.