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

Mobile and Tablet view

Discussion in 'Free Divi Community Forum' started by Karen Browning, Aug 21, 2024.

  1. Karen Browning

    Karen Browning New Member

    https://www.servernetworks.uk/ The header is showing as it should on the desktop page, but on the tablet and mobile it doesn't. If I move around the modules on mobile view it moves is it on the desktop too. Can someone help please. I'm fairly new to divi so still learning
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Hi Karen,

    If you want a different layout on tablets / mobiles, then a simple approach is to duplicate the sections in your header and use the visibility settings at "Section Settings > Advanced > Visibility" to display one copy of the sections on desktop and the other copy on tablets / mobiles. That way you're free to move things around on mobile without disrupting the desktop view.

    More generally, in case you haven't learned this yet, most Divi settings have the option to set different values on desktop / tablet / mobile. See this post for an example:

    https://divibooster.com/setting-responsive-values-for-divi-module-settings/

    This lets you do things like adjust the logo image size and padding on mobile and might save you the need to maintain two separate copies of the header sections.