Using Spry Menus

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   I'm getting ready to implement a revamped website using the spry horizontal menu bar.  Here is my quandary:

When the browser is viewed from different resolutions, the menu wraps.  I'm using the Productcart header template and when it wraps the layout is messed up and the product information is pushed to the bottom of the page.

I've tried several setting in the css file to keep this from happening but it continues.  My only work around was to adjust the height of the navigation section but that makes the rest of the page sit too far below the menu.  It just doesn't look right.

What I want is for the spry menu to take up 100% of the width of the window and to adjust automatically to the width without wrapping.  Instead of wrapping the menu I would prefer to have the wording wrap.  Does this make sense?

Can someone tell me what I should be putting in the css file to accomplish this?

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
highgravity Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 08-May-2006 Location: United States Status: Offline Points: 21	Post Options Post Reply Quote highgravity Report Post Thanks(0) Quote Reply Topic: Using Spry Menus Posted: 29-September-2010 at 4:31pm
	I'm getting ready to implement a revamped website using the spry horizontal menu bar. Here is my quandary: When the browser is viewed from different resolutions, the menu wraps. I'm using the Productcart header template and when it wraps the layout is messed up and the product information is pushed to the bottom of the page. I've tried several setting in the css file to keep this from happening but it continues. My only work around was to adjust the height of the navigation section but that makes the rest of the page sit too far below the menu. It just doesn't look right. What I want is for the spry menu to take up 100% of the width of the window and to adjust automatically to the width without wrapping. Instead of wrapping the menu I would prefer to have the wording wrap. Does this make sense? Can someone tell me what I should be putting in the css file to accomplish this?
	Desiree Knott High Gravity Homebrewing & Winemaking Supplies 7142 S Memorial Dr. Tulsa, OK 74133 (918) 461-2605 desiree@highgravitybrew.com http://www.highgravitybrew.com

ProductCart Members Profile Send Private Message Find Members Posts Add to Buddy List Admin Group ProductCart Team Joined: 01-October-2003 Status: Offline Points: 135	Post Options Post Reply Quote ProductCart Report Post Thanks(0) Quote Reply Posted: 29-September-2010 at 7:42pm
	Hi Desiree, Have you tried using the white-space property set to nowrap for the container, but then set to wrap for the text within the container? http://www.w3schools.com/css/pr_text_white-space.asp
	The ProductCart Team Home of ProductCart shopping cart software