Code Monkey home page Code Monkey logo

Comments (10)

jtmohr avatar jtmohr commented on August 29, 2024

I switched mine to something similar when I saw that Foundation and Bootstrap were using the technique.

from superfish.

lionel-m avatar lionel-m commented on August 29, 2024

πŸ‘

from superfish.

dariodev avatar dariodev commented on August 29, 2024

πŸ‘ Absolutely! I'm using the same thing. Arrow images (and IE7) are so 2000 and late :)

from superfish.

GaryJones avatar GaryJones commented on August 29, 2024

I don't suppose anyone has come up with some code that could add these back in by any chance?

The next version of the Genesis Framework for WordPress has jumped from SF 1.4.8 to 1.7.4. This means that all of the child themes using Superfish will lose whatever their dropdown arrows appeared as, since .sf-sub-indicator won't exist. Although Genesis can include some JS to add these back in, they can't include the CSS, since the CSS for the site is provided by the child themes, not Genesis.

Any thoughts or suggestions?

from superfish.

joeldbirch avatar joeldbirch commented on August 29, 2024

Interesting predicament. When I removed the spans I figured it would be simple for people to generate them if needed, but didn't consider a situation where it would be tricky to add the accompanying CSS. I'll have a think about this.

Can you not enqueue some CSS from an action in the Genesis parent functions.php file? Or, at worst, you could generate a style tag using JS.

from superfish.

joeldbirch avatar joeldbirch commented on August 29, 2024

If the child themes provide the CSS and they used to rely on the spans for arrows, won't they contain the required CSS already? So all you'd need is to generate the spans? I'm a bit confused about this.

from superfish.

dean93 avatar dean93 commented on August 29, 2024

How can i change the color of the arrows? If i add "color:#000" in the css, the color doesnΒ΄t change...

from superfish.

joeldbirch avatar joeldbirch commented on August 29, 2024

color is for text whereas the arrows use borders. You want border-top-color.

from superfish.

dean93 avatar dean93 commented on August 29, 2024

Thank you very much :) Now I got one other problem: I want to have a different hover as the main navigation for the submenu. The hover for the main navigation is .sf-menu li:hover, .sf-menu li.sfHover

from superfish.

joeldbirch avatar joeldbirch commented on August 29, 2024

Sorry, but this isn't the right place to get general help. The issues area is for bugs with the plugin.

May I direct you to Stackoverflow or somesuch (and you should try to describe your issue less ambiguously).

from superfish.

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.