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 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 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 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 Member


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