Primary navigation no-wrap rule
mizengineer - August 13, 2008 - 21:35
| Project: | Interactive Media |
| Version: | 5.x-1.8 |
| Component: | Miscellaneous |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
Description
Hi and thanks for this awesome theme! I am trying to figure out where to put my "white-space: no-wrap;" rule in the CSS file. In the "Layout" section, I've tried to put it in the #header-region (no effect), #wrapper (affects the content so that it doesn't wrap ... w/c I don't want). Also tried the Primary Navigation section to no effect.
Thanks for any help!
#1
Forgot to mention that I'm using fluid-width version on IE7/Vista.
BTW on Firefox 3.0.1, the entire primary navigation line is shifted downwards (bad) but doesn't wrap (good) -- tolerable as few of my folks use Firefox.
#2
I don't understand the need of such
white-space: no-wrap;... Usually the primary links will shifted downwards (expected result) rather than warp (this is not the design), if you don't have enough space between site name and primary links. Please try to reduce the length of your site name and primary links items. Since this theme is a fixed header height layout, wrap it may break the overall layout...#3
Sorry, I wasn't clear. When I reduce the size of my browser, the primary links (unlike the rest of the content) start wrapping as the browser gets smaller.
I don't want this to happen and am trying to figure out how to keep it stationary.
Thanks!
#4
Minimum width with 980px for 3 columns, and 760px for 2 or none column is not enough for you? Clone the following code into your custom.css and customize it based on your needs:
/* With 3 columns, require a minimum width of 1020px to ensure there is enough horizontal space. */body.two-sidebars {
min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.no-sidebars,
body.sidebar-left,
body.sidebar-right {
min-width: 760px;
}
P.S. If you even hope to set the layout as fixed width, don't use min-width but width directly.
#5
"Reduce the size of my browser" meaning making my browser window smaller. No matter, I am closing this issue because it seems the problem went away! I think that I may have futzed w/ the code too much. Am starting out fresh and using the custom.css exclusively (yes, I was being bad!).
Thanks again.