menu background images on inner pages

Hello,

I've seen in this forum a view items about the menu background-image. My case is simulair to these support questions but maybe there is a slight possibility to adjust the view of the images on the inner pages (I hope).
When the image is placed through css at position 0,0 can this be different on the inner pages?
Maybe when there is a copy of the menu for the inner pages with it's own style where only the position is different? Or that is gets the images from a different directory?
Or is there already a solution for this?
In the pictures I'm using there are people so on the inner pages their head is cut off.
Thanks!

In template_css.css add:

.interior_page .bg1,
.interior_page .bg2,
.interior_page .bg3,
.interior_page .bg4,
.interior_page .bg5,
.interior_page .bg6,
.interior_page .bg7{
background-position-y: 100px!important;
}

where you can change 100 to any other value

Hello Ivan,

thanks for the quik reply!
Unfortunately this only seems to work in Chrome (but there the sliding effect is gone) and not in Firefox, IE or Safari.

My test site: testtriangel.octant.nl
Inner page: testtriangel.octant.nl/index.php/ouders

Hopefully you have another tip.

Thanks!

remove that and use this menu.js in attachment. Replace original:

templates/hot_flashes/flashes_menu/menu.js

on line 12 you have this:

bg_vertical_offset = '-200';

change that if needed.

Refresh good so new js is loaded into catche

Hello Ivan,

thanks again for the quik update!
It is working to get the background image in a different position but at the same time the nice slide function of the image doesn't work anymore.
This is the same for IE, Firefox, Safari and Chrome.

Greetings,
Ton

remove css I gave you previously