0
Welcome Guest! Login
0 items Join Now

SOLVED Grunge Temple Logo disappears behind Header Image

Last Post
Search Topic

  • SOLVED Grunge Temple Logo disappears behind Header Image

    Posted 14 years 3 months ago
    • Hi!

      I have a rotating header image and the first image appears behind the Grunge logo as it should:

      This image is hidden for guests.
      Please log in or register to see it.


      but the second and subsequent images appear behind the logo like so:

      This image is hidden for guests.
      Please log in or register to see it.


      Any ideas what I must change to make the logo stay on top the whole time?

      Thanks
      Ernie
    • Last Edit: 14 years 3 months ago by Ernie Sugrue.
    #609196

  • Re: SOLVED Grunge Temple Logo disappears behind Header Image

    Posted 14 years 3 months ago
    • It seems like z-index issue. Could you please provide your website link so we can see and check the problem?
    #609471

  • Re: SOLVED Grunge Temple Logo disappears behind Header Image

    Posted 14 years 3 months ago
    • Hi!

      The site is still under construction so it is `closed for maintainance'.

      I have emailed you the username and password so you can access it and have a look. I thought it may have been a z-index issue but don't know where to edit/change.

      Thanks
      Ernie
    #609728

  • Re: SOLVED Grunge Temple Logo disappears behind Header Image

    Posted 14 years 3 months ago
    • Hello Ernie,

      Did you disable the slideshow now? I just see static image there now.
      However, you still can increase the z-index of the logo. Edit your template.css at:
      <Joomla Root>/templates/<your template name>/css/template.css

      Find below codes:
       
#rt-logo {float:left;position:absolute;z-index:1000;width:276px;height:195px;display:block;margin:-15px;}
 

      Change the codes to:
       
#rt-logo {float:left;position:absolute;z-index:100000;width:276px;height:195px;display:block;margin:-15px;}
 
    #610333

  • Re: SOLVED Grunge Temple Logo disappears behind Header Image

    Posted 14 years 3 months ago
    • Hi Arfin:
      Thanks for the reply, I did change it back to a static as I noticed the dropdown menu items also disappeared behind the showcase position.

      Anyway I tried changing the code as suggested but it didn't make any difference.

      I also tried changing the code
      #rt-header{position:relative;width:100%;z-index: 1;}
      and increasing the z-index to try and make the menu bar drop down over the header image, if I increased it it worked but then the menu bar also showed in front of the logo, and the logo still went behind the header image in the 2nd+ images.

      Obviously the layers should be header image at the bottomr, then navigation bar menu, then logo on top but I cannot get it to work.

      Maybe it will only work with a static image which would be a shame.

      Ernie
    #610455

  • Re: SOLVED Grunge Temple Logo disappears behind Header Image

    Posted 14 years 3 months ago
    • Hello Ernie,

      This should fix the issue. Edit your template.css at:
      <Joomla Root>/templates/<your template name>/css/template.css

      At the end of the lines, add below codes:
      body #rt-header {z-index: 10;}
body #rt-top {z-index: 100;}

      Screenshot attached.
    #610902

  • Re: SOLVED Grunge Temple Logo disappears behind Header Image

    Posted 14 years 3 months ago
    • Hi Arifin

      Yayy! Thanks for that - works great!

      Ernie
    #611166

Time to create page: 0.067 seconds