Forum Support

Shape 5
March 28, 2024, 03:46:31 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Module coming up in front of floating header  (Read 599 times)
olirc
Jr. Member
**
Offline Offline

Posts: 90



« on: October 22, 2013, 12:55:54 PM »

Hi,

When I scroll down the page, one of the modules (it's JoomlaXTC's Timeline module) is coming up in front of the floating header.

I don't have a link, as I'm just working on a live site, during quiet periods (overnight), so I can't demo it.

I'm hoping you might be able to suggest a fix without being able to see it.

Many thanks,
Oliver
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: October 22, 2013, 02:47:04 PM »

Hello,

They probably have a z-index set extremely high, you can try increasing the header's z-index with the following in custom.css:

#s5_header_outer.s5_floating_header {
z-index:10000000000;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
olirc
Jr. Member
**
Offline Offline

Posts: 90



« Reply #2 on: October 22, 2013, 03:22:37 PM »

Thanks mikek.  That's done the trick.

Great support, as always.   Grin
Logged
olirc
Jr. Member
**
Offline Offline

Posts: 90



« Reply #3 on: October 26, 2013, 08:01:44 AM »

Hi mikek,

I just realised that having increased the z-index of the floating header, the flex menu then fell behind the header (floated).  I added the following code (I've included your code) to the custom.css file which has solved the problem.  Just thought I'd post this incase anyone else has the same issue.  Smiley

Code:
#s5_header_outer.s5_floating_header {
z-index:10000000000;
}

#subMenusContainer{
z-index:10000000001;
}
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #4 on: October 27, 2013, 02:53:26 PM »

Thanks for posting

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.