Return to previous page

Mobile menu issues. - by Roobinda - on WordPress WooCommerce support

This topic has 17 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler

Roobinda

Participant

January 17, 2018 at 18:48

Hi there.

2 things.

1. The sub-menu items in the mobile nav are in the wrong font – they should be source sans, as they are everywhere else.

2. Secondary drop downs do not work in the mobile menu.

Any ideas?

Thanks in advance.

Reuben.

#182172 Copied Theme version: 2.0 WooCommerce version: 4.9.2

16 Answers

Rose Tyler

Support staff

January 18, 2018 at 08:45

Hello,

1. Have you sorted out http://prntscr.com/i21t1p ?
2. I do not see the problem http://prntscr.com/i21tjr

Feel free to ask if you have any other questions.

Regards

#182190 Copied

Roobinda

Participant

January 18, 2018 at 10:23

Hi Rose.

Yes 1. is fixed, but the mobile drop down problem persists.

I have an iPhone 7. In both portrait and landscape, once ‘products’ has been clicked, clicking ‘hair colour’ or ‘styling’ seems to open pages of products with those tags, rather than extending the next level of menu!

Any ideas?

Thanks in advance.

Reuben.

#182199 Copied

Rose Tyler

Support staff

January 18, 2018 at 10:46

Hello,

To open next level menu on mobile you need to click on arrow http://prntscr.com/i23a9y. This is not a bug and you may see on our demo the same behavior https://www.8theme.com/demo/classico/variant1/.

Regards

#182205 Copied

Roobinda

Participant

January 18, 2018 at 10:57

Clicking the arrow results in the same problem.

#182207 Copied

Roobinda

Participant

January 18, 2018 at 11:03

It’s like the arrow is below the menu item. Maybe the z-index of the arrow should be increased?

#182209 Copied
Rose Tyler

Support staff

January 18, 2018 at 11:27
Hello,

Please try to add this code in Theme Options > Styling > Custom css:
```
@media only screen and (max-width: 992px) {
    .template-container .mobile-menu-wrapper .menu > li .open-child {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -webkit-box-pack:  center;
            -ms-flex-pack:  center;
                justify-content:  center;
        top: 0;
        height:  100%;
        -webkit-box-align:  center;
            -ms-flex-align:  center;
                align-items:  center;
    }
}
```
Regards
#182213 Copied
Roobinda

Participant

January 18, 2018 at 11:39

Sadly, that made no difference Rose.

#182217 Copied
Rose Tyler

Support staff

January 18, 2018 at 11:58
Please change the previous code to:
```
@media only screen and (max-width: 992px) {
    .template-container .mobile-menu-wrapper .menu > li .open-child {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -webkit-box-pack:  center;
            -ms-flex-pack:  center;
                justify-content:  center;
        top: 10px;
        height:  100%;
            -ms-flex-line-pack: center;
                align-content: center;
    }
}
```
then clear cache and check arrows.

Regards
#182220 Copied
Roobinda

Participant

January 18, 2018 at 18:08

Rose, you’re a genius!

Worked like a charm.

#182260 Copied

Rose Tyler

Support staff

January 19, 2018 at 07:39

My pleasure 🙂
Have a nice day.

Regards

#182301 Copied

Roobinda

Participant

January 21, 2018 at 11:22

Sorry Rose. Me again!

I have added to the main nav menu. Now the mobile drop downs OCCASIONALLY work. You have to be incredibly precise with your finger!

Is there a away to increase the down arrow catch/sensitivity area? So that it’s easier to trigger the drop down…

Thanks in advance.

Reuben.

Please, contact administrator
for this information.

#182529 Copied

Rose Tyler

Support staff

January 22, 2018 at 09:45

Hello,

We’ve added some custom css code in Theme Options > Styling > Custom css. Please check the menu now.

Regards

#182567 Copied

Roobinda

Participant

January 22, 2018 at 10:56

That seems to be working nicely.

Thankyou again Rose!

#182586 Copied

Rose Tyler

Support staff

January 22, 2018 at 11:00

You’re welcome!

Regards

#182588 Copied

Roobinda

Participant

February 7, 2018 at 11:19

Hi Rose. Sorry to bring this topic up again, BUT the mobile menu is still really fiddly to use. You have to be REALLY precise when tapping a down arrow, and more often than not you end up going to an unwanted page!

It seems to get worse again when i edit the menu. Is this possible?

#184202 Copied

Rose Tyler

Support staff

February 7, 2018 at 15:39

Hello,

Please clear cache and check now.

Regards

#184264 Copied
Viewing 17 results - 1 through 17 (of 17 total)