1. Mol4
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Tuesday, 30 August 2016
  5.  Subscribe via email
Hello,
on my website Levtheater I'm using the Caitlin template.
When you visit the website for the first time, the navbar on the homepage is floating in the image and you can see that the image behind it continues beneath the navbar.
When you reload the page, the navbar is at the bottom of the image and stays there.
How can I fix this so that the navbar is always at the bottom of the image behind it?
Greetings, Ton.
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán,

thanks! That did the trick :-)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Great!.. thank you for the udpate! :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
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!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
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)
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán,
This seems to work :-)
Can you tell me which changes you made?
Thanks!
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Nice!

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

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks!!!
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

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

Steven
  1. more than a month ago
  2. Commercial Templates
  3. # 12
Accepted Answer Pending Moderation
0
Votes
Undo
HI Steven

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

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 13
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 14
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 15
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you!

I think thats it!!
  1. more than a month ago
  2. Commercial Templates
  3. # 16
Accepted Answer Pending Moderation
0
Votes
Undo
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;
}
  1. more than a month ago
  2. Commercial Templates
  3. # 17
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 18
Accepted Answer Pending Moderation
0
Votes
Undo
Goodmorning Ciarán,

the link to the website: Statera

Thanks!
  1. more than a month ago
  2. Commercial Templates
  3. # 19
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

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

#vegas-slideshow {
height: 714px !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 20
  • Page :
  • 1
  • 2


There are no replies made for this post yet.
Be one of the first to reply to this post!