Return to previous page

Mobile Menu Not Hiding - by nuttys - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 7 years, 10 months ago ago by Rose Tyler

nuttys

Participant

January 17, 2017 at 23:56

Hi guya,

On a mobile tablet or phone, after the homepage the menu shows as a desktop version no matter what homepage category is selected.

Mobile phone shows the issue worst and on a tablet if you turn it portrait.

How can the menu be set with the 4 bars as on other sites?

Kindest regards

Mark

Please, contact administrator
for this information.

#152187 Copied

11 Answers

Eva Kemp

Support staff

January 18, 2017 at 10:25

Hello,

As I see mobile menu is shown fine http://storage9.static.itmages.com/i/17/0118/h_1484731471_3341322_26c770be3f.jpeg .
Please show a screenshot of the issue.

Regards,
Eva Kemp.

#152228 Copied

nuttys

Participant

January 18, 2017 at 21:30

Hi Eve,

That screen shot is fine, but move onto the next stage.

Click on the menu (4 bars) and then click on any of the categories that appear, say Lingerie.

The main category page that comes up next shows all the categories first, instead of products with the menu (4 bars) appearing in the top area again. The bars disappear…. we don’t want this.

Kindest regards

Mark

#152356 Copied

Rose Tyler

Support staff

January 19, 2017 at 08:42

Hello,

I’ve checked the menu and it’s working fine.
Sorry, but your question is unclear. Could you please clarify with more details what you want to achieve and provide screenshot?

Regards,
Rose Tyler.

#152379 Copied

nuttys

Participant

January 19, 2017 at 23:46

Hi Rose,

I have attached a document via a link to show the details.

https://drive.google.com/file/d/0BxMbAhBiwv1sV0FBcGMtSEtkTUE/view?usp=sharing

Regards

Mark

#152500 Copied
Rose Tyler

Support staff

January 20, 2017 at 13:45
Hello,

Unfortunately, there is no such possibility.
Try to add this code in Custom CSS:
```
@media only screen and (max-width: 992px){
    .sidebar-mobile-top>.row, .sidebar-mobile-top>.product>.row {
    flex-direction: column-reverse;
}
}
```
Regards,
Rose Tyler.
#152583 Copied
nuttys

Participant

January 20, 2017 at 23:54

Hi Rose,

What is the location of this file?

Regards

Mark

#152651 Copied

Eva Kemp

Support staff

January 21, 2017 at 11:17

Hello,

Please go to Theme Options > Custom CSS > Global Custom CSS and add the code.

Regards,
Eva Kemp.

#152671 Copied

nuttys

Participant

January 26, 2017 at 00:23

Hi Eva,

Tried the code but the page messes up.

Please see images that have a link in private content.

The code is in the right place and the tab in the above section, is active.

Kindest regards

Mark

Please, contact administrator
for this information.

#153065 Copied
Rose Tyler

Support staff

January 26, 2017 at 09:23
Hello,

Oh I see, please, change previous code to:
```
@media only screen and (max-width: 992px){
.page-wrapper .sidebar-mobile-top .content, .page-wrapper .sidebar-mobile-top .product-content{
-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;
}
.page-wrapper .sidebar-mobile-top .sidebar, .page-wrapper .sidebar-mobile-top .single-product-sidebar{
-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;
}
}
```
Regards,
Rose Tyler.
#153094 Copied
nuttys

Participant

January 27, 2017 at 01:12

Thanks

Works perfectly.

Regards Mark

#153191 Copied

Rose Tyler

Support staff

January 27, 2017 at 08:00

Hello,

You’re welcome!

Regards,
Rose Tyler.

#153192 Copied
Viewing 12 results - 1 through 12 (of 12 total)