Horizontal Dropdown menu - can the dropdown be altered?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Horizontal Dropdown menu - can the dropdown be altered?

Post by simonmlewis »

http://tympanus.net/Blueprints/HorizontalDropDownMenu/
This is a menu we use, but we need to know if the dropdown menu (on desktop view) can be altered, so that the left edge of each dropdown is against the left edge of the "category" clicked, and the right edge is either a set width, or the width of the text in the dropdown's contents.

The mobile view can remain unchanged.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Horizontal Dropdown menu - can the dropdown be altered?

Post by Celauran »

It can but keep in mind the farther right you move along the nav, the less useful the nav potentially becomes.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Horizontal Dropdown menu - can the dropdown be altered?

Post by simonmlewis »

How about this.
I found it elsewhere and modified it.

Trouble is, I need to keep the "desktop" menu in a box that is 950px wide, but obviously when it's on a narrow screen..... it forces the space out.

Unless, in CSS when on a narrow screen I set the CSS for that wide box and remove the width:950px; section?

That would work I think.
So on wide, it's 950, but on narrow, it's not set.
Attachments
ddmenu.zip
ZipFile of web menu idea
(90.16 KiB) Downloaded 311 times
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply