Code Monkey home page Code Monkey logo

Comments (12)

rgibanez avatar rgibanez commented on July 17, 2024

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.

from flexnav.

BuildMyWeb avatar BuildMyWeb commented on July 17, 2024

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

from flexnav.

BuildMyWeb avatar BuildMyWeb commented on July 17, 2024

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.

untitled-1

from flexnav.

rgibanez avatar rgibanez commented on July 17, 2024

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.

from flexnav.

BuildMyWeb avatar BuildMyWeb commented on July 17, 2024

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

from flexnav.

BuildMyWeb avatar BuildMyWeb commented on July 17, 2024

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.

2
3

from flexnav.

rgibanez avatar rgibanez commented on July 17, 2024

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.

from flexnav.

rgibanez avatar rgibanez commented on July 17, 2024

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

from flexnav.

BuildMyWeb avatar BuildMyWeb commented on July 17, 2024

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.

from flexnav.

rgibanez avatar rgibanez commented on July 17, 2024

No problem, what have you decided to use instead?

from flexnav.

BuildMyWeb avatar BuildMyWeb commented on July 17, 2024

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

from flexnav.

rgibanez avatar rgibanez commented on July 17, 2024

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

from flexnav.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.