ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• April 28, 2014 at 5:37 pm #70541
  seanarcher

  Member

  Post count: 55

  Hi,

  im trying to move my revolution slider under the main-navigation so it
  “shines through”..

  i added the following code to the css to make the nav-transparent:

  #main-nav, #main-nav.sticky-header {background: rgba(255,255,255,0.95) url(img/nav_bg.jpg) bottom center repeat-x !important; z-index:999;}
  

  This works so far when i scroll down and the slider moves underneath it. but i can’t manage to get the slider approx 100px up, so it’s under the main-navigation even if its not scrolled..

  when i add z-index:10 to the slider its above the navigation, z-index:9 already below it.. but it seems that there’s no transparency on the main-nav

  maybe you can help me ?

  April 29, 2014 at 8:58 am #70624
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Not quite sure what you want to achieve? It would help if you shared your link

  – Kyle

  April 29, 2014 at 10:24 am #70665
  seanarcher

  Member

  Post count: 55

  This reply has been marked as private.
  April 29, 2014 at 10:45 am #70673
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I see, as this is a bespoke customisation I would need to see your link

  – Kyle

  April 29, 2014 at 10:48 am #70676
  seanarcher

  Member

  Post count: 55

  This reply has been marked as private.
  April 29, 2014 at 11:36 am #70689
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try adding this custom css:

  #header-section:before, #header .is-sticky .sticky-header, #header-section .is-sticky #main-nav.sticky-header, #header-section.header-6 .is-sticky #header.sticky-header, .ajax-search-wrap {
    background: transparent;
  }
  #header {
    background-color: #FFFFFF;
  }
  .rev_slider_wrapper {
    bottom: 130px;
  }

  Let me know if it works

  – Kyle

  April 29, 2014 at 11:42 am #70694
  seanarcher

  Member

  Post count: 55

  thanks for your answer. unfortunately it doesn’t seem to work. It moves the header below the navigation, but it doesn’t “shine” through..

  April 29, 2014 at 11:48 am #70696
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add !important on the first property:

  #header-section:before, #header .is-sticky .sticky-header, #header-section .is-sticky #main-nav.sticky-header, #header-section.header-6 .is-sticky #header.sticky-header, .ajax-search-wrap {
    background: transparent!important;
  }

  – Kyle

  April 29, 2014 at 6:57 pm #70874
  seanarcher

  Member

  Post count: 55

  thanks that worked ! 🙂

  April 30, 2014 at 7:35 am #70986
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok great! 🙂

  – Kyle

• Back to forum

  Posted in: Dante