Using Spry Menus
Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=4035
Printed Date: 16-July-2025 at 7:32am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com
Topic: Using Spry Menus
Posted By: highgravity
Subject: Using Spry Menus
Date 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
|
Replies:
Posted By: ProductCart
Date 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 - http://www.w3schools.com/css/pr_text_white-space.asp
-------------
The ProductCart Team
Home of ProductCart http://www.productcart.com" rel="nofollow - shopping cart software
|
|