Mobile menu does not work for Firefox

Resolved wpu9000
(@wpu9000)

11 years, 6 months ago

Hello,
I have noticed that the mobile menu, [ + Menu -], does not work with Firefox for android, (or with the desktop version of Firefox when you go to “Responsive Design View” under tools).

Also, I was just wondering, would in be possible to change the look of the mobile menu to the three horizontal lines type?

thanks,
david

Viewing 2 replies - 1 through 2 (of 2 total)

Theme Author

nobita

(@nobita)

11 years, 6 months ago

Hi wpu9000

Thank you for bug point out

Quick fix

style.css line:50

.ie11.enable-keyboard #access .sub-menu a:focus,
.ie11.enable-keyboard #access .children a:focus,
.enable-keyboard .hfeed a:focus,
.ie11.raindrops-accessible-mode #access .sub-menu a:focus,
.ie11.raindrops-accessible-mode #access .children a:focus,
.raindrops-accessible-mode .hfeed a:focus{
    position:relative;
    margin:-0.07692307692em;
}

after add style.

.enable-keyboard .hfeed .raindrops-mobile-menu a:focus{
    position:absolute;
}
.enable-keyboard #access:target li:hover > ul > li > a{
    border:none;
}

result below

.ie11.enable-keyboard #access .sub-menu a:focus,
.ie11.enable-keyboard #access .children a:focus,
.enable-keyboard .hfeed a:focus,
.ie11.raindrops-accessible-mode #access .sub-menu a:focus,
.ie11.raindrops-accessible-mode #access .children a:focus,
.raindrops-accessible-mode .hfeed a:focus{
    position:relative;
    margin:-0.07692307692em;
}
.enable-keyboard .hfeed .raindrops-mobile-menu a:focus{
    position:absolute;
}
.enable-keyboard #access:target li:hover > ul > li > a{
    border:none;
}

I believe it was able to solve the problem in this, but please write if unresolved

this bug will fixed next version.
Thank you.

Thread Starter

wpu9000

(@wpu9000)

11 years, 6 months ago

It is fixed!
Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile menu does not work for Firefox’ is closed to new replies.

Tags