Hello,

Yes, you can achieve this with custom css too. Add this code:

@media (max-width: 480px){
#logo { left: 11% !important;}
.mobile_small_menu { color: white !important;}
}

Change the values to your wish.

Best regards!

Hello,

Can you please check that the “Header Options > Show Responsive Menu Dropdown” option is set ON first? If it already is, than add this code into your Custom Css box:

@media (max-width: 480px){
.header_5 .mobile_small_menu {
    display: block;
    color: white;
}
ul#mobile-menu {
    background-color: grey;
}}

Else, set it ON, and try again.
The Logo is present, but since the header background is white and the logo as well, it get invisible. Add this code into your Custom Css box to make the header in mobile transparent (change the background value to any color you want):

@media (max-width: 480px){
.header_wrapper {
    background: #ffffff00 !important;
}
#logo img.dark { width: 95% !important;}
section#slider-fullwidth {min-height: 151px !important;}
}

Result screenshot: https://postimg.org/image/yplc7pl51/
Let me know.

Best regards!

Hello,

Yes, sure. Inside the @media (max-width: 1055px) rule, add this code as well:

header#header {
    background-color: white !important;
}

So the result code with be:

@media (max-width: 1055px){
.mobile_small_menu {
    display: block !important;
}
#navigation {
    display: none !important;
}
#logo {
    float: right !important;
}
header#header {
    background-color: white !important;
}
}

Best regards!

Hello,

I tried adding this code via inspect element:

@media (max-width: 1055px){
.mobile_small_menu {
    display: block !important;
}
#navigation {
    display: none !important;
}
#logo {
    float: right !important;
}}

And this is the result: https://postimg.org/image/dev31vmdx/
Can you please try again? make sure to not have any errors in previous code that could interfere with the right execution of this block.
Let us know.

Best regards!

Hello,

Sorry but this is theme’s mobile menu default style. To apply such change requires coding that is not included in support. I suggest you hire a developer to do the changes for you.

Best regards!

Hello,

Please go to General Options > Header Options > Dropdown Options & Mobile Menu, change the background color here.
Let us know if you need further help.

Best regards!

Hello,

Please add this code into your custom css box in General Options:

@media (max-width: 1050px){
header#header #navigation {display: none !important;}
.mobile_small_menu {display: block !important;}
#logo { margin-left: 40% !important;}
}

Let us know.

Best regards!

Hello,

This is the responsive header style! You will see it in almost 99% of all available websites. When the screen size is smaller than the menu width, the mobile layout takes over. Where the menu is replaced with the mobile menu icon (three bars menu). It will unfold the menu items when tapped over (mobile) or clicked on (computer).

This is not an issue. You you want to change this, it’s ok. But we recommend you use custom css (in Additional CSS menu) or a child theme. So you won’t lose the changes in case of future theme updates.
Let us know.

Best regards!