Page 1 of 1

Horizontal Dropdown menu - can the dropdown be altered?

Posted: Sun Feb 01, 2015 8:55 am
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.

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

Posted: Sun Feb 01, 2015 12:12 pm
by Celauran
It can but keep in mind the farther right you move along the nav, the less useful the nav potentially becomes.

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

Posted: Sun Feb 01, 2015 1:34 pm
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.