Tutorial - module position under header

Hello Eleanor,
in fact there's nothing special in locating Joomla Module position (and other control) under Header.
To make the Header fixed on screen add 'Fix on Screen' extensions to Header area:

Then drag and drop the Joomla Position Control under Header section

Regards,
Aileen

Hi

Thank you for helping me.

My header has a zig zag bottom edge to it and I am trying to get the joomla position to appear under the header so that the header covers over the top of the image. Like this...

Rather than 'under' the header, like this...

Thank you

Hi,

You can try to use the negative top margin values for the top sidebar.

Sincerely,
Hella

Thank you, making progress.

Now, when the page is static the images still appear over the top of the header, but as soon as you start to scroll the images correctly disappear under the header. I have tried playing with the z index for the header and the images section but can't seem to get it to stay on the layer under the header. The component I am using for the image rotation is ignite gallery.

http://dream.ywdw.co.uk/index.php

Any ideas? Thank you

Hello Eleanor,
to make the images be located "under" the Header add the following CSS under Home >> Settings >> Additional HTML

.large_img_holder {
    z-index: -1 !important;
}

regards,
Aileen

Yeah!
Added it to Additional CSS.

Thank you,

You are welcome.
Feel free to contact us in any other occasion.

Sincerely,
Hella

HI, I tryed to fix the header to the top like you told Eleanor but the extension Fixed on scroll doesn work. What am I doing wrong?

Hi,

Please create a private topic with the access to your site so we could review the settings.

Sincerely,
Hella