Return to previous page

Mobile Menu Issues - by Jane Salt - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 4 years, 2 months ago ago by Olga Barlow

Jane Salt

Participant

October 6, 2020 at 18:18

Hi there

We are having issues with how the menu is shown on Mobile devices.
For some devices and browsers, the Menu button is totally unresponsive; while for other devices and browsers it shows a Menu list without some important fields like “Search”.

Could you please help with this?

Thanks

Please, contact administrator
for this information.

#254164 Copied Theme version: 4.3.2 WooCommerce version: latest

3 Answers
Olga Barlow

Support staff

October 7, 2020 at 09:28
Hello,

Go to Theme Options > Custom CSS and add the below code
```
@media only screen and (max-width: 976px){
.header .table-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.header5 .shopping-cart-widget {
order:1;
}
.header .logo {order: 2;padding-left: 0;width: 50%;}
.header .menu-icon {
order: 3;
position:relative;
left: unset !important;
}
right: auto !important;
}
@media (max-width: 480px) { .header .shopping-cart-widget {
right: auto !important;
left: 20 !important;
} 
}
```
Tell us what browser do you use that search field in the mobile menu is missing http://prntscr.com/uulg1k ?

Regards
#254234 Copied
Jane Salt

Participant

October 7, 2020 at 18:49

Thanks for your quick reply.

Could you please check your code is correct, as it gives error at line 16/17?

The browser giving more issues is Chrome.

Thanks for your help

#254346 Copied
Olga Barlow

Support staff

October 8, 2020 at 13:36
Hello,

Oh, sorry, my bad. Try this one. If it does not help provide us with temporary WP Dashbaord access
```
@media only screen and (max-width: 976px){
.header .table-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.header5 .shopping-cart-widget {
order:1;
}
.header .logo {order: 2;padding-left: 0;width: 50%;}
.header .menu-icon {
order: 3;
position:relative;
left: unset !important;
}
@media (max-width: 480px) { .header .shopping-cart-widget {
right: auto !important;
left: 20px !important;
} 
}
```
Regards
#254476 Copied
Viewing 4 results - 1 through 4 (of 4 total)