1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Show custom header only on desktop and default on mobile

Discussion in 'Free Divi Community Forum' started by jesskumanovski, Jul 8, 2020.

  1. jesskumanovski

    jesskumanovski New Member

    Hi,

    I have created a custom header for ONE page only in the Divi Builder.

    I ONLY want to show this custom header on desktop, and show the default header on mobile and tablet.

    How do I do this?

    It seems like there should be an option for visibility like there is in modules but there doesn't seem to be.
     
    #1 jesskumanovski, Jul 8, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  2. Problemizer.com

    Problemizer.com Divi Expert

    I am assuming you created that custom header in the theme builder. If that is the case you just need to go to Divi -> Theme Builder -> Edit header you made and then set the visibility setting on the section that contains that header.
    upload_2020-7-8_20-19-41.png
     
    #2 Problemizer.com, Jul 8, 2020
  3. jesskumanovski

    jesskumanovski New Member

    Thank you for your reply.

    I had already done what you've suggested but it just removes the custom header from my mobile page but doesn't replace it with the default theme header so that there is no header on mobile.

    I want to show the default header when the custom header is disable on mobile only.

    I have the default header active on the rest of my website and mobile. I just want the custom header to show on my homepage desktop and for the theme default to show on mobile. Is this possible?
     
    #3 jesskumanovski, Jul 8, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Just go to edit your homepage & add your custom header on the page itself.

    Also add a code module on your homepage & add the below:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Jul 8, 2020
(You must log in or sign up to post here.)