I have run into a problem which is really causing me some grief, particularly as my site is almost complete! Please help…
I have created a footer, set to show on all pages which consists of several elements:
- a full page width coloured box
Sitting on top of this are: - several text entry boxes for a form, and a send button
- several images
- google map
The top of the page has a header consisting of a full width white box overlaid with a couple of images (logo etc)and just below that a menu on top of a partially translucent full width box.
On the homepage, the layers on the footer are correct so that all elements of the footer show, but on scrolling remain below and do not obscure the menu. However on every other page, the just images on the footer overlay the menu (the other elements are fine).
Grouping the footer items on the homepage does not help, and bringing the menu and associated box to the front doesn’t help either. I am at a loss as to how to get all the pages playing nicely, short of correcting this on every single page individually. You can see this in the attached partial screenshot
I’d be very grateful for your advice to help get this resolved. Thank you