menu-button element positioning improperly

[BuildMyWeb]

not sure if this is truly a bug or something i am doing wrong.

here is my test page: http://buildmyweb.org/testing/flexnav/

my issue is in mobile mode. my submenus dont seem to open and close properly.

[rgibanez]

The menu button is displaying as italic due to the icon being an < i > tag, your CSS must be styling all < i > elements as italic.

[BuildMyWeb]

rgibanez, thx for the reply. but im not sure what youre referring to. there arent any < i > elements on that page. my issue isnt with italic fonts, its my submenus. they do not toggle correctly

[BuildMyWeb]

in full-screen mode there seems to be issues too. possibly related. the hover event seems to get stuck. in the screenshot, my mouse pointer is hovering in the center of the page and yet the submenus will not dissappear. this happens sometimes. not all the time.

[rgibanez]

Hi, on my andriod phone using latest chrome, your icons in the menu are italic. the drop down icon in the menu is an < i > element, its get added to the menu via the jquery. If u inspect the element in chrome or whatever you will see this.

I haven't looked at your website on desktop. But it looks like your other CSS rules are interfering with the flexnav css.

[BuildMyWeb]

ahhh, i see the italic element now. thanks rgibanez. however, i didnt write that into the javascript. thats stock code. is it a problem?

[BuildMyWeb]

on desktop view, even on the jasonweaver.com site, the drop-down menus do not open and close properly for me sometimes. here are two screenshots. one with two submenus open simultaneously and one with three! this is on my pc with the most recent version of Chrome.

[rgibanez]

You can just changed your css so that < i > elements do not automatically look italic, or you can target the icon in the the flexnav markup within the css and to display it normal.

[rgibanez]

I can not recreate the drop down items staying open, on windows 7 PC with latest Chrome

[BuildMyWeb]

thank you for attempting to help rgibanez. i can replicate the issue both in FF and Chrome. hadnt even bothered to try in IE. one way to do it is to just hover the mouse really fast back and forth over more than one menu item. eventually they 'stick' for me. also, if you narrow your browser to mobile mode, open some submenus, and then expand your browser window, any open submenus sometimes stay open, like above.

there was another issue but rather than tool around even more with all of these problems i was having, i moved onto another solution and it seems much less "buggy" for me. thanks again for the assistance.

[rgibanez]

No problem, what have you decided to use instead?

[BuildMyWeb]

http://adnantopal.github.io/slimmenu/

[rgibanez]

Thanks, looks a bit buggy to me as well lol.