Hi Ton

To amend try adding the following to the Custom CSS field of your templates parameters...

#content-outer {

    position:relative;

    z-index: 1;

} 

Ciarán

Hello Ciarán,

thanks! That did the trick :-)

Great!.. thank you for the udpate!

Ciarán

Hello Ciarán,

I have to open this post again because I'm getting a simular problem again.
On the test-website of my client the navbar is a few pixels above the content what results in a thin line. When I reloade the page this line is gone as it should be. I've tried the extra css you earlier suggested but that doesn't help:
#content-outer {
position:relative;
z-index: 1;
}
I've been trying to do a lot of different things but I can't work this out, so I'm asking for help :-)
Thanks!

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Thank you

To resolve we have added the following to the Custom CSS field of your templates parameters...

.vegas-slide, .vegas-slide-inner {

    min-height: 590px;

} 

Ciarán

Hello Ciarán,
Unfortunately this doesn't resolve the issue.
My client is viewing the testwebsite with the following specs:
Safari
Versie 10.1.2 (11603.3.8
MacOsX El Capitan
10.11.6 (15G1611)
Monitor
27-inch (5120 x 2880)
and this is how he sees it (attachment)

Hello

I have made some further changes. A bit of a shot in the dark but hopefully has resolved the issue?

Ciarán

Hello Ciarán,
This seems to work :-)
Can you tell me which changes you made?
Thanks!

Nice!

I changed the z-index of your content area and set an overflow hidden on your header.

Ciarán

Thanks!!!

Hello Ciaran,

After the change of the z-index, the pulldown menus doesn't work anymore.

Steven

HI Steven

Would you have a URL to an example of this issue?

Ciarán

Hi Ciarán

This is the URL: http://185.56.225.67/~brucknuggz/nieuwe-site/

You can see the pulldown on the homepage menu of "aanpak" does not work properly.

Steven

Hi Steven

Could you try the following instead...

#header_bg {

    overflow: visible;

    z-index: 4;

}

#container_slideshow {

    overflow: hidden;

} 

It is a little tricky this as we are unable to replicate the original issue. If the above CSS results in the original issue coming back, I think we will have to rethink the markup of the Caitlin to something more widely supported. Let me know

Ciarán

Thank you!

I think thats it!!

Hello Ciarán,

sorry to bother you again with this.
On my clients website the nvabar of the Caitlin template still is floating when you visit the page for the first time.
Because of the fact that with the first CSS exception (#content-outer) the submenu-items are not visible I've put in the second CSS exception (the #header_bg and the #container_slideshow) but somehow that seems to overrule the first CSS exception. Do you have any idea how to fix this?
Thanks again for your great help!

#content-outer {
position:relative;
z-index: 1;
}
#header_bg {
overflow: visible;
z-index: 4;
}
#container_slideshow {
overflow: hidden;
}

Hello

Could you post a URL to an example of this issue? I can't seem to find it within this thread.

Ciarán

Goodmorning Ciarán,

the link to the website: Statera

Thanks!

Thank you

To amend try adding the following to the Custom CSS field of your templates parameters...

#vegas-slideshow {

    height: 714px !important;

}

Ciarán