1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

My close button is not working properly

Discussion in 'Free Divi Community Forum' started by Carolmog, Mar 8, 2022.

  1. Carolmog

    Carolmog New Member

    So, I add the code for a close button, but what is happening the button that is openning the menu turns into the close button. How can I add the close button correctly for this menu?

    header, #page-container {
    left: 0!important;
    }

    Website: manchetempo.uff.br
     
    #1 Carolmog, Mar 8, 2022
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I see that it did turn into close button after clicking the hamburger menu.
     
    #2 Divi.Help, Mar 21, 2022
  3. Carolmog

    Carolmog New Member

    If I open my menu, there's no way I can close it.
    There's no close button and if I click anywhere in the page, it also doens't close the burger menu when its open.

    Is there a way to solve this?
     

    Attached Files:

    #3 Carolmog, Mar 22, 2022
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's because the default behavior is to push the content to the side & the close button will appear on your screen. And since you changed the way the overlay menu appear, thus there won't be any close button visible. You can't just add the close button to the overlay menu.

    I would suggest you to use Divi Theme Builder instead. Here's a sample slide in menu built with Divi Theme Builder: https://www.elegantthemes.com/blog/...onsive-slide-in-menu-with-divis-theme-builder
     
    #4 Divi.Help, Mar 22, 2022
  5. Carolmog

    Carolmog New Member

    So, there isn't a way to make the menu on the left and have a close button?

    Cause in the link you sent me, the menu is opning on the right and honestly I wanted the menu opening on the left.

    Is it possible to add the close button on the right side and have the menu opening on the left?
     
    #5 Carolmog, Mar 23, 2022
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Nope you can't. It's because the default slide in header is hardcoded & you can't add any extra elements in it.
    You can easily tweak that to open it on the left.

    For this CSS:
    Code:
    Log In or Sign Up to view this code.
    Change it to:
    Code:
    Log In or Sign Up to view this code.
    As for the Row Settings Positioning for the slide in menu, change it to the left. See screenshot below:

    upload_2022-4-1_13-48-29.png
     
    #6 Divi.Help, Mar 31, 2022
(You must log in or sign up to post here.)