Hello,

There is no option for this. The max width of the screen where the mobile menu is set to start showing and that of desktop to hide, is set up in the code.
You can modify this using custom css. I can send you the code, but i need to see a link of the site first. In what screen width do you want to mobile to start showing?

Let us know.

Best regards!

Hello,

Please add this code into your custom css box:

@media (min-width: 979px) and (max-width: 1150px){
#navigation { display: none !important;}
.mobile_small_menu { display: block !important;}
#logo img {margin-left:100% !important;}
}

Let us know.

Best regards!

Hello,

Yes, you can have the white background from this point in screen too. Just add this css too inside the @media block:

.header_wrapper { position: relative !important;}
.background--dark #logo img.dark {
    display: block;
    visibility: visible;
}
.background--dark #logo img.light {
    display: none;
    visibility: hidden;
}
.background--dark header#header .header_tools .vert_mid > a {
color: #222 !important;
}

Result code available here: https://codeshare.io/G6YQEo

-The code above should fix the positioning of header in Firefox as well. Please try and let me know.

Best regards!

Hello,

In the code i gave you edit this code:

.background--dark #logo img.dark {
    display: block;
    visibility: visible;
}
.background--dark #logo img.light {
    display: none;
    visibility: hidden;
}

to this:

.background--dark #logo img.dark {
    display: block !important;
    visibility: visible !important;
}
.background--dark #logo img.light {
    display: none !important;
    visibility: hidden !important;
}

Now go to file style.css and find this line (1086):

.background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after {
  color:#fff !important;
}

Remove the !important from color and save.

Let us know.

Best regards!

Hello,

Please add some valid wp credentials in your profile extra fields. So i can do this for you and not lose more time.
Read this article for more information.

Best regards!

Hello,

The code to position logo is this:
#logo img {margin-left: 190% !important;}

I edited the value and as far as i see from my side, the logo is centered. And the search icon is visible as well. See screenshot of this: https://postimg.org/image/t0nwfd987/

You may keep editing the values to your wish and save changes. Make sure to clear cache before refreshing so you can see the changes effect sooner.

Best regards!

Hello,

The screenshot you send is of a mobile screen size. The (min-width: 979px) to (max-width: 1150px) includes the screen sizes between bigger-than-mobile to smaller-than-desktop.
When you open the site from a screen which dimensions is not included between these dimensions, then the mobile/responsive style will take over. And vice-versa for desktop.

We tested this as you can see in the screenshot in my last reply. And for the specific range of 979px->1150px the logo is centered and search icon visible.

To show the search icon in mobile as well, you need to add this css:

@media (max-width: 480px){
#logo {
    float: left !important;
    left: 80px !important;
}
.header_tools {
    display: block !important;
    margin-top: 13% !important;
}
}

Best regards!

Hello,

Please clear cache and refresh pages. I just checked and the mobile and ipad (landscape / portrait view) all look ok. See screenshots: https://postimg.org/gallery/387aut4ag/

The view in firefox was caused by the margin-left value. I reduced it and this is the result screenshot: https://postimg.org/image/g18cuw9rb/
Can you please check now?

Let us know.

Best regards!