Z-index of slider in header and first muffin builder content

sean_LSOptimal · December 2016

Hello,

I am trying to place a "tab" element below the slider on my homepage but I cannot get the tab nav element to be above the slider.

I have been able to customize my tab element but cannot solve this, any ideas?

Albert · December 2016

Hi,

please show us on screenshot how exactly you want to do and also please provide link to page where you would like to make this modification.

Thanks!

sean_LSOptimal · December 2016

See attached screenshots of current layout and desired layout. We currently have the website using the 'under construction' feature so it cannot be viewed. I have included my changes to the tabs CSS if that helps

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

-moz-border-radius: 0 !important;

-webkit-border-radius: 0 !important;

-khtml-border-radius: 0 !important;

border-radius: 0 !important;

}

.ui-state-active {

background: #027fc3;

}

.ui-tabs-panel {

color: #fff !important;

background: #027fc3 !important;

}

.ui-tabs .ui-tabs-nav li.ui-state-active a {

color: #fff

}

.ui-tabs .ui-tabs-nav li.ui-state-active a:hover {

color: #fff

}

.ui-tabs-nav {

background: #fff !important;

}

.ui-tabs .ui-tabs-nav li a:hover {

color: #027fc3;

}

.ui-tabs .ui-tabs-nav li.ui-state-active a:after {

background: #027fc3;

}

Current

Desired

Albert · December 2016

Did you tried to use MOVE UP option for the WRAP element? If you tried and it does not work, then we do not have other solution unfortunately.

sean_LSOptimal · December 2016

That was my first attempt. It does correctly position the tabs but the z-index does not seem to behave with the slider, so the tabs are behind the image

Albert · December 2016

Please send us link to page where you got this section and the slider as well so we can have a look on it closer.

Z-index of slider in header and first muffin builder content

Comments