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 search

Discussion in 'Basic Support Forum' started by Ben Smith, Aug 6, 2020.

  1. Ben Smith

    Ben Smith Member
    Divi Ultimate Header Plugin

    Hi not sure if you can help - I have

    https://whitehorseremedies.co.uk/

    the main search works on desktop fine but on mobile shows divi search, is there a way change the search on mobile?
     
    #1 Ben Smith, Aug 6, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I see that you're a using a custom search in a code module for desktop.

    Here's what you need to do:
    1. Go to edit your custom header style: WP Admin > Divi > DU Header - Library > Your header style.
    2. Create a new section with the custom search code module.
    3. Then go to the Section Settings > Advanced > Visibility & set it to show on mobile only.
    4. Lastly, to disable the default search icon, you just need to disable it in: Theme Customizer > Header & Navigation > Header Elements & disable Show Search Icon.


     
    #2 Divi.Help Pro Support, Aug 6, 2020
  3. Ben Smith

    Ben Smith Member
    Divi Ultimate Header Plugin

    Thank you Ive setup - how do I disable the divi header?
     
    #3 Ben Smith, Aug 6, 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 Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For the default Divi mobile header, you can just maintain it & remove the logo image from the mobile section that you just added.

    And go to hide the default Divi mobile header search icon at: Theme Customizer > Header & Navigation > Header Elements & disable Show Search Icon.
     
    #4 Divi.Help Pro Support, Aug 7, 2020
  5. Ben Smith

    Ben Smith Member
    Divi Ultimate Header Plugin

    Sorry I dont understand, I want to disable the entire old divi menu and keep the new one, see attched...


     

    Attached Files:

    #5 Ben Smith, Aug 7, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If you want to hide the default Divi mobile menu, then try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help Pro Support, Aug 7, 2020
(You must log in or sign up to post here.)