Hello,
1,2– Please add these lines to your custom CSS box:

@media (max-width: 480px)
{
.mobile_small_menu{
margin-left: -5px !important;}

#logo img {
    height: 45px !important;
   left: -15px !important;
}
}

3– Add these line to your custom CSS box:

@media (max-width: 1100px) and (min-width: 981px){
#logo img {
    height: 40px;
margin-top: -20px
}

.header_button{
margin-left: 9px;}
    
nav .menu > li {
     margin-right: 0px; 
     margin-left: 0px; 
}
}

Let us know.
Best regards!

Hello,

3) The code does work, but you had pasted it wrong. There where errors in your custom css box. I edited it and now the expected result is eventually showing. Please check your site.

4)Unfortunately, it did not work; the mini cart showed up in the side menu- but there was no search box.
I think you misunderstood the last reply. By default the search does not display in responsive mode (left menu style). The cart does. So my colleague offered our help to make the custom edit and add search in this layout. We did not say that by checking the “turn on header tools in responsive and search” option, the search would show up. You need custom code for that.

NOTE: We already did the job to display cart icon in mobile side menu, in this other topic of yours. You can use the same logic to display search if you still want it.

Best regards!

Hello,

1. Please try this code instead:

@media (max-width: 1100px) and (min-width: 981px){
.header_11 #logo {
    margin-left: 15px;//adjust the size here
    margin-right: 15px;
}
}

2. I checked it but can’t found the issue you are having.

3. Use this css code:
@media (max-width: 480px){
.mobile_small_menu {
margin-left: -30px;
}
}

4. Please can you show me your site credentials? I will help you show the search on responsive menu, if you enable the search in header.

Best regards!

Hello,

I still can not access dashboard, please see screenshot.

-The white space, is not a space, is an element that is not being displayed. But since it is there, it does take space.
Add this code into your custom css box, to make it appear:

@media (max-width: 480px){
.wpb_animate_when_almost_visible {
    opacity: 1;
}}

Result: https://postimg.org/image/i09zf93on/

-Responsive menu uploading first, is normal for this menu style you have chosen.

-Sorry but i don’t get the black line when i open your site from mobile. See screenshot.
Did you manage to fix it?
Let us know.

Best regards!

Hello,

The mobile menu does not even have the code present in mobile layout. Did you enable it in theme options? Please go to General > Options > Header Options > Show Responsive Menu Dropdown, set it ON.
If it still won’t display, then send us your wp credetnials in a private reply. So we can give it a closer look and fix it.

Best regards!

Hello,

1-Add this code itno your custom css box:

@media (min-width: 989px) {
nav .menu > li {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.header_11 #logo {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
}

2-I tested the site but i don’t get this effect. Can you send us a video or screenshot of it?

3-I don’t understand the issue with the mobile menu. When i open it from mobile, it does display at the side just as it should (screenshot).

4-Sorry but this customization is not included in support.

Best regards!

Hello,

I opened your site in mobile but the menu works fine (screenshot). I am able to open it, and browse through pages without issue. Did you manage to fix it?
Let us know.

Best regards!