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

I cannot figure our how to make customisable mobile menu in Divi Ultimate Header Plugin

Discussion in 'Basic Support Forum' started by andreinechaev, Apr 24, 2020.

  1. andreinechaev

    andreinechaev Divi Expert

    I have to build a website in 2 languages.
    I made similar pages in both languages. I created 2 menus in both languages.
    I purchased your menu plugin.
    it works just fine on the desktop.
    1) but when I try to see how a web site looks on the mobile layout, WP shows me unaligned logo and pages of ENG version of the website - see attached. How to fix it?
    2) Where I can set different header per page?
     

    Attached Files:

    #1 andreinechaev, Apr 24, 2020
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I'll try to explain the main points one by one so that you can get the whole picture.

    1. By default in mobile, it will revert back to use the default Divi mobile menu, so that you can have slide in / fullscreen menu in mobile: https://divi.help/threads/for-mobile-menu-how-to-show-slide-in-or-fullscreen-menu.646/

    2. But you can still have custom header element to show in mobile by setting the Section / Row / Module Visibility options.

    3. For your case, it seems like you have custom coding that tweak the default Divi mobile menu. If you need any help changing it back to the original hamburger menu, then kindly share with us your URL.

    4. As for your current default Divi mobile header, you mentioned that it's showing the same ENG language. It should show the right language if you're using a multilingual plugin & translated your menu items. But if you just designing different pages for different languages without any multilingual plugins, then the default Divi mobile header will not work for you. For that case, you will need to consider to hide the default Divi mobile header & use the Divi Builder header instead.

    Here's how you do it step by step:

    - First, add the below CSS in Divi > Theme Options > Custom CSS to hide the default Divi mobile header:
    Code:
    Log In or Sign Up to view this code.
    - Next is to show your desktop custom header on mobile. As stated previously, you will need to go to your Section / Row / Module Settings > Advanced > Visibility to make sure that it's showing in both desktop & mobile.

    - If you menu Row is sticky, then you will notice that it will not show in mobile, even if the Visibility option is set correctly. This is because the sticky row / section is hidden by default in mobile. To show it in mobile as well, go to your menu Row Settings > Advanced > CSS Class & additionally add this: free-sticky-mobile-show free-sticky-mobile-disable
    **For full documentation on our sticky feature, check this out: https://divi.help/threads/sticky-feature-documentation.2294/
    Just edit your page in the backend builder & you will see the below option in the sidebar:

    upload_2020-4-24_15-49-29.png
     
    #2 Divi.Help Pro Support, Apr 24, 2020
(You must log in or sign up to post here.)