I've installed stickynav on a test website http://peacockfeathers.co.uk/. I want the header to stay in place when the body of the site is scrolled. Using Chrome, when the body is scrolled the menu at the top right of the screen (a block placed in the header region of theme AT-COMMERCE) moves to the right.

Using Firefox the page looks better in a narrow widow, but when the window is widened the menu bar moves off the right hand side of the screen.

Without stickynav the menu bar doesn't change position.

Thanks
Pete Buchanan

Comments

Peter Buchanan created an issue. See original summary.

Peter Buchanan’s picture

Peter Buchanan commented

This problem has been resolved for my application by adding max-width: 1040px; to stickynav.css.

The problem reported can be viewed in Firefox by removing this line of CSS, i.e. returning it to the original.

I like Stickynav, it works on iPhone, iPad out of the box, and with this mod also works on Chrome and Firefox.

skein’s picture

skein commented
Status: Active » Closed (works as designed)

Hello

This is not an issue of the module, but of the theme. Also you are better to target #header-wrapper as the selector, then you should not have that issue.

I see you applied your max-width solution directly to the module, but that is bad practice. You should not hack a contributed theme or module. A better solution would be to create your own subtheme of the theme you are using and add an override.css file to the info so that you can tweak what you need without modifying the original module.