Hello,

Please add this code into your custom css box:

.header_10 .full_nav_menu .container {
    border-top: none;
    border-bottom: none;
}

for the navigation borders.
I see you have edited the mobile menu icon color. Let us know if you still need help on that.

Best regards!

Hello,

For the menu dropping down when header gets smaller, you can fix it by making smaller padding between menu items. Please go to General Options >Header Options > Menu Options > Menu Items padding.
I already gave you a code for the logo in mobile(in your other topic). It should fix the horizontal scrolling as well. Please try it up and let us know.

Best regards!

Hello,

Sorry for the late reply.
This happens because the width of menu bar exceeds the width of header bar, when you resize the screen too much. If you keep making it smaller, until you reach one of the predefined responsive screen sizes, then the site goes into responsive mode and it’s css classes take over. Meaning the mobile menu shows up.
To avoid the first situation, please try settings smaller paddings between menu items. For this, go to General Options > Header Options > Menu Options > Menu Items paddings/Margins.
For the second situation, you can change the point break (point where normal menu gets replaced by mobile menu) with some custom css code.
Let us know if you need further help.

Best regards!

Hello,

The menu in responsive does not have any issue on our side. Can you please post screenshots of your theme options > header options? Also a screenshot of the header in mobile, so we can get a view of what is happening. The logo can be set up with some css. Add the right code into your custom css box.
Let us know.
PS: Please note that we respond to topics according to their arrival time. The oldest first. PLease be patient as we are trying our best to reply to all of our customers asap. Our working hours are from Monday to Friday, 9AM to 5PM (UTC +1:00). Please consider time zone differences.
Thank you for understanding and cooperating.

Best regards!

Hello,

For the mobile menu i removed this line: .mobile_small_menu { left: 30px !important;} from the @media (max-width: 767px) block of code and added this:
.mobile_small_menu { margin-left: -30px !important;} in the end.
For the logo position in landscape, i added this:

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

Please check it.

Best regards!

Hello,

@nooramanso,
Please open your own ticket. The private replies are visible only to the ticket author and the support admins. This means, replying in private at someone else topic, makes you data visible to him too.
I could open the mobile menu without problem (screenshot) did you manage to fix your issue?
The js error is caused by the js code you have added at your “Custom JS Code”. If you remove it, the error goes too.

Best regards!

Hello,

I added this code into your custom css box:

@media (max-width: 480px){
.header_button { 
    display: block !important;
    float: left !important;
    top: 11%;
}
#logo { float: left !important;}
}
@media (max-width: 767px){
    #logo { float: left !important;}
    .mobile_small_menu { left: 30px !important;}
}

For the logo in mobile portrait and landscape.
The header button by default does not display in mobile. I added the needed code into your custom css box, but for it to take effect, you need to go to file css/bootstrap-responsive.php and find this line:

.header_button {
    display: none !important;
}

Remove the !important from it and save file.
Let us know.

Best regards!