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

Solved Pls help: change header style on mobile

Discussion in 'Free Divi Community Forum' started by Ally1991, Oct 3, 2024.

  1. Ally1991

    Ally1991 New Member

    Hi everybody!
    I am a little desperate... would be great if anybody could help me... Is it possible to change the header style on mobile devices only?
    I am using the centered menu on desktop but I would like to use the fullscreen one on mobile because I don't really like the style of the centered menu on mobile devices. Is that possible? If so, how?

    Thanks so much for your help.
     
    #1 Ally1991, Oct 3, 2024
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    The easiest way is to use Divi Theme Builder to achieve what you want. Just go to WP Admin > Divi > Theme Builder > Add Global Header & create your header with Divi menu module & alter it as you want.
     
    #2 Divi.Help, Oct 3, 2024
    Ally1991 likes this.
  3. Ally1991

    Ally1991 New Member

    Thank you so much!
    Just that I put some CSS at the Customizer to style the Menu and as soon as I replace the menu with a global header, all the changes are gone...
     
    #3 Ally1991, Oct 3, 2024
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Just noticed you mentioned that you want fullscreen menu on mobile. If you're using the Divi Theme Builder, you can only have normal dropdown mobile menu. To achieve fullscreen mobile menu Divi Theme Builder, custom code & build is needed. Here's an example: https://www.elegantthemes.com/blog/...screen-global-header-with-divis-theme-builder

    As for your CSS for your current menu, you will need to tweak it to fit the structure of the Divi Theme Builder menu module, as they're different in HTML structure.

    If you just wish to stick with the old menu & make the mobile menu looks nicer without the 'select page' design, you may try this & see if it works: https://divi.help/threads/adjust-mobile-menu-and-logo-on-inline-centered.10557/#post-34529
     
    #4 Divi.Help, Oct 3, 2024
  5. Ally1991

    Ally1991 New Member



    Yeeees!!!!! It works! Thank you so much!!! :)
     
    #5 Ally1991, Oct 4, 2024
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
(You must log in or sign up to post here.)