If I read the above posts correctly, you did the below to make the header and menu sticky on the mobile site?  I tried doing this but it’s still not sticky. What else can I do?
<p style=”box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Raleway; font-size: 14px;”>9-I added this code into the <code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; background: #f9f9f9; display: inline-block; padding: 0px 5px; line-height: 25px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: -3px;”>@media block:</p>

<pre style=”box-sizing: border-box; overflow: auto; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; background: #f9f9f9; padding: 5px 10px; line-height: 18px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: 0px; margin-bottom: 24px; color: #4b4d4d;”><code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; background: transparent; display: block; padding: 0px; line-height: 25px; border: none; max-width: 100%; vertical-align: middle; margin: 0px; overflow-wrap: normal; overflow: auto;”>.header_wrapper {
position: fixed !important;
margin-top: -2px;
}
 

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!

Hello,

The issue happens only when the child theme is activated. I switched to parent theme and the mobile menu has no issue.
Please try removing functions.php file from your child theme and try again.
let us know.

Best regards!

Hello,

I see you have a bilingual site. What translation plugin are you using? From what i see from inspect element, the mobile menu does not have any items in it. That’s why it does not open.
You may need to translate the menu as well. Some translation plugins do not display a page/post/feature unless it has been translated first.
Please check and let us know how it will go.

Best regards!

Hello,

To adjust the logo and small mobile menu, add this code to your custom CSS box:

@media (max-width: 480px) {
#logo img {
    height: 46px;
    left: 39px;
}
a.mobile_small_menu.open {
    margin-left: -4px;
}
}

Let us know.

Best regards!

Hello,

I see that the Contact menu item doesn’t have a submenu and it doesn’t show like it has, even in mobile version. Sorry, but i don’t understand what is the problem with the green line when you hover the menu item, even “contact” item. Please see these screeshots menu on mobile view and contact item menu .
Did you already remove the submenu? Also, i don’t see this code

@media only screen and (min-width: 990px) {
.only-mo { display: none !important; }}

on your CSS box.
Have you manage to fix it by removing this code?
Can you send us a screenshot of the way you want the menu to be shown?
Let us know.

Best regards!