Problems with tab control in this template

I am using the AppPhone template which used Tabs GK4 on the home page (www.mobilityinitiative.com). I have changed the text on the 4 tabs that came as part of the quickstart, making the tab bar a little longer than the default text. The problem is that the last tab (tab 4) is very hard to click. After messing around with it for a while, I think I know what is happening.

I think the problem is that the graphics are overlaying the button. Again, I'm using the default graphics that came with the quickstart. This doesn't allow the whole button to be clickable. If I disable one of the tabs, the last tab is OK. Why? Because it doesn't extend the tab line as far.

Still, I'm not sure this is the problem. And I for sure don't know how to fix it. I'm not competent with php.

Help!!!!

Hi,
It happends becasue element contains iphone image has higher z-index value than 'gkTabsWrapper' div. This div includes tabs.

You can increase z-index value of this element.

How do you do that?

Try add to override.css

Code: Select all

.gkTabsWrapper {
z-index:105 !important;
}


and remember to enable override.css option in template settings.

That did it. Thanks a lot!!!!!!

Great