1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: https://header.diviultimate.com/
    Dismiss Notice

Solved Divi Menu

Discussion in 'Get Help On Divi Wordpress' started by Maecy, May 9, 2019.

  1. Maecy

    Maecy New Member

    So, the first section of my page has a fullwidth menu and code that contains a slider revolution and it leaves a gap right on top of the slider. Is there any way I can position the menu inside the slider and make it sticky and make the slider cover the whole screen?
     

    Attached Files:

  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  3. Maecy

    Maecy New Member

    http://stage.uniquest.ae/wordpress/
     
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    I see that you already made the menu sticky. Add the below CSS in Divi > Theme Options > Custom CSS to remove the white space above:
    Code:
    .sticky-element-placeholder {
        display: none!important;
    }
    As for this, try to add the below CSS:
    Code:
    @media screen and (min-width: 1219px) {
        .forcefullwidth_wrapper_tp_banner {
            height: 100vh!important;
            overflow: hidden!important;
        }
    }
     
  5. Maecy

    Maecy New Member

    That solved my problem! Thank you! but another issue has that happened after that is that I cannot change the color of the hamburger button and also I added float: right to my css for the menu but when it is viewed in mobile it appears in the middle
     
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below:
    Code:
    .mobile_menu_bar:before {
        color: #fff!important;
    }
    .et_mobile_nav_menu {
        text-align: right!important;
    }
     
  7. Maecy

    Maecy New Member


    Everything worked well, thank you so much for saving me I have been working on it for a while now.