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

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?

Comments

  • 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!
  • 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
    image
    Desired
    image
  • 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.
  • 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 :(
  • 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.
Sign In or Register to comment.