Using Graphene drop-down menu in webpage

Graphene Theme Forum » Graphene Wordpress theme » Support

Using Graphene drop-down menu in webpage

(5 posts) (3 voices)

Started 5 months ago by ronangelo
Latest reply from Prasanna SP
This topic is closed
This topic is not resolved

Skip to the latest post | RSS feed for this topic

Hank_Handsome
Member

Hi

Slightly off topic possibly, but hoping someone can help.
I'm using the Graphene theme for a WordPress site, which also has some associated PHP pages that sit outside WP but are called from it.
I've recreated the Graphene look for these pages using CSS, but I can't seem to recreate the drop down menu system.

Can someone tell me how I can recreate the Graphene drop-down menu system in a standard PHP page?
I'm not talking about the colour formatting, I'll do that with CSS, I mean the way the menu actually drops down?

Thanks
Hank

Posted 5 months ago #
ronangelo
Member

That IS done with CSS.

First you use CSS to initially hide the sub-menu.
Then CSS is also used to show the sub-menu when the parent menu is hovered.

Formatting the menu is actually the major headache I faced when I created my very first theme.

Graphene uses the "Son of Suckerfish" method for handling the dropdown.
You can study how its done by reviewing graphene's style.css

Posted 5 months ago #
Hank_Handsome
Member

Really!?
I would never have guessed - I was expecting to have to use Java or JQuery or something.

Great, thanks for the steer - I'll have a look at Son of Suckerfish :)

Thanks
Hank

Posted 5 months ago #
ronangelo
Member

Really!?

I would never have guessed - I was expecting to have to use Java or JQuery or something.
Great, thanks for the steer - I'll have a look at Son of Suckerfish :)
Thanks
Hank

If you wanted to. Some themes use JS to show some fancy dropdown effects.

Posted 5 months ago #
Prasanna SP
Moderator

Java? Didn't you mean JavaScript? :P

Nah, it's pure CSS.

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 5 months ago #

Topic Closed

This topic has been closed to new replies.