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

Different headers for mobile and desktop (Extra Theme)

Discussion in 'Free Divi Community Forum' started by Singh, May 2, 2020.

  1. Singh

    Singh New Member
    Pro Member (Support Expired)

    Hi there

    I am new to Divi world. I am using the extra theme as I like its default header for desktop. On the mobile however, the extra theme has the cart icon in the hamburger menu.

    my questions:
    1. is there a way to remove the cart icon from the hamburger menu in mobile view and place it in the header?
    2. if I create a global custom header, is it possible to have this show only on mobile view?

    many thanks
     
    #1 Singh, May 2, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    To do that, you will need to edit the header.php in your child theme & move the cart icon code to be outside of the mobile menu div.
    If you use Theme Builder global header, then it will replace both desktop & mobile menu. You can't just replace it for mobile only.
     
    #2 Divi.Help, May 2, 2020
  3. Singh

    Singh New Member
    Pro Member (Support Expired)

    hi thanks for your reply.
    can you explain how this could be done please?
     
    #3 Singh, May 2, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Upon further checking on the Extra theme, you can easily achieve it using CSS only.

    You can just add the below CSS in Extra > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, May 2, 2020
(You must log in or sign up to post here.)