OHM Theme: Important Notes

The Navbar Styles

In the theme variation „Navbar Style“ you will find two variations to switch the menu style: Sitemap (Default) and Normal. The OHM Theme has a new special kind of menu rendering. The menu renders per default as a kind of sitemap, in which all menu entries are displayed onscreen. If your website is really large the navbar can become a little bit complicated and long. So for that reason I decided to include another menu style. This style is called „normal“ as this is the default way Rapidweaver displays the navbar items: Only the parent entry is shown with the corresponding submenu entries. With these two menu styles you are really flexible how you want your page to look like.

The Background Image

With the options concerning the „Background Image“ you are able to include up to five background images in your site [1] (but only one on each page). These images can be individually positioned in nine different spots on the page: top, center, bottom / left, center, right [2]. That way you can drastically change the site‘s design. There is also an option to define how to repeat the background image (no-repeat, repeat, repeat-x, repeat-y) [3] which further improves the usage of a background image. Please note that you can only use jpg images, no gifs or pngs, so you probably need to adjust the image‘s background color to match the chosen page‘s background.

Known Bugs and Limitations

Navbar Images in IE6/Win
The circle in the navbar is created by using a PNG image, as this was the preferred method. To use a GIF image instead was no option, as this is rendered not as clean and smooth as the PNG image (especially if you want it to render on different background colors). There is only one drawback: IE6/Win doesn‘t support alpha transparencies of PNG images. So in that browser, the image is swapped with a square - and this also looks great, believe me ;-)

Flash Content will not be displayed in greybox with Firefox
Due to a bug in Firefox flash content will not be displayed in a greybox layer. The problem is that RapidWeaver automatically will add an attribute „wmode“ to all flash content, which will make flash content, placed on a semi-transparent layer - like greybox - invisible. The only solution would be to delete the wmode attribute from the resulting HTML page. But it has to be clear: this is no bug of greybox and so, also no bug of my theme ;-)

Navbar will not be repositioned or after a delay
In some browsers the navbar will not be repositioned or only after a delay, so it will overlay the site logo. It seems that it‘s because I haven‘t coded the pageheader to have a fix height. I did this to make the site logo implementation as easy and flexible as possible, so you are not stuck to a fix size for your site logo. But as the height can only be calculated after the image is loaded, there is a small delay. Some browsers will also not recalculate the position at all.

You can fix this behavior if you encounter that problem by fixing the height of the page header to a fix value. You can do that by adding the following example code in the custom css field in the page inspector:

#pageHeader { height: 120px;}

Sure, you can and also should adjust the above value to suit your needs.

When using the navbar at the left and some 3rd party plugins, IE7 will not render it correctly
The navbar in IE7 will be pushed too far to the left in the following cases (and as far as I know I really mean ONLY IN THE FOLLOWING CASES):

1) You have set the content width to "FLUID"

AND (PLUS)

2) You have set the navbar to the "LEFT"

AND (PLUS)

3) You are using third party plugins (Accordion and Blocks)

Only if all points are met, IE7 will not render the navbar correctly.

Also: if you resize the browser window, the navbar will jump to the correct location. Strange.

There is no fix available at the moment, so the only thing you can do is avoid the situation above.