Hello,

I can not tell for sure why this issue didn’t appear on iphone 4s then, but i can see it now. Please add this code to your custom CSS box:

@media (max-width: 320px){
.mobile_small_menu {
    margin-left: -41px;
}
}

Let us know.

Best regards!

Hello,

1-To change the position of mobile menu please add this code into your custom css box:

@media (max-width: 767px) {
.header_5 .open_full_menu {  margin-left: -45px !important;}
#logo img { margin-right: -11px !important;}
}

The first line is to change the position of menu, while the second line is to edit the position of logo in mobile. Edit the values to your wish (you can set both positive and negative values).

2-To change the position of slider content and prev-next arrow, edit the previous code i gave you to this:

@media (max-width: 767px) {
.codeless_slider .nav-roundslide a.prev { top: 275px;}
.codeless_slider .nav-roundslide a.next { top: 275px;}
.codeless_slider .swiper-slide .content { margin-top: -45px !important;}
}

Edit the values to your wish.

Best regards!

Hello.

1-I checked your site in mobile (both landscape and portrait), the logo and menu seem ok. Please see the screenshots: mobile-portrait; mobile-menu-portreit; mobile-landsc; mobile-menu-landsc; tablet;
Can you please explain better what the issue is?

2-Please add this code into yoru custom css box:

@media (max-width: 767px) {
.codeless_slider .nav-roundslide a.prev { top: 275px;}
.codeless_slider .nav-roundslide a.next { top: 275px;}
}

Edit the values to your wish. Let us know.

Best regards!

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!