Hello,

1-The menu is centered if you measure it with the header width, not the position of the logo above. However, you can always edit it’s position to your wish. Add this code itno your custom css box:

.header_10 #navigation nav {
    left: 53% !important;
}

Result screenshot. Edit the value to your wish.

2-This is the mobile header. It is set up to fit the width of a mobile screen so it is different from the desktop version. To make the background transparent please add this code into your custom css box:

@media (max-width: 979px){
.header_wrapper {
    background: rgba(255, 255, 255, 0) !important;
}}

3-Again, this is due to the default layout of mobile menu. To change the color of mobile menu item on hover, please add this code:

.menu-small ul.menu > li > a:hover {
    color: #f5e841 !important;
}

Change the color to your wish.

4-Add this code:

@media (max-width: 979px){
.header_10 #logo { left: 41% !important;}
}

Let us know.

Best regards!

Thank you very much for your rating! It’s very important for us.

Best regards!