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

Solved Desktop header is loaded in mobile and then hidden

Discussion in 'Basic Support Forum' started by Vinayaga Raman, Sep 20, 2019.

  1. Vinayaga Raman

    Vinayaga Raman New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I removed the full structure of design 6 and created a header section just for the desktop. It is set to hidden on mobile.

    https://client.terabytewebsites.com

    When the mobile pages are loaded, I see the coloured icon loading on the mobile page and then it disappears and the page is rendered. It is very distracting.

    Is there a way to not load the header on the mobile since the default divi mobile menu kicks in anyways?
     
    #1 Vinayaga Raman, Sep 20, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #2 Divi.Help Pro Support, Sep 20, 2019
  3. Vinayaga Raman

    Vinayaga Raman New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    It does show up only when the internet is a little slow, the the main header for desktop loads, you can see the image flash for a second and then the mobile page loads and displays.

    I have tried the CSS fixes, that did not help. Preloaded will cause new issues including the client to frown, will try it tomorrow.

    But there has to be a cleaner way to disable the header section on the mobile. This is because the mobile page does not need the plugin to load the header at all in such cases.

    It's there any code that I can override on the backend? Just thinking loud here...



     
    #3 Vinayaga Raman, Sep 20, 2019
    Maros likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You could try the below CSS in either Divi > Theme Options > Custom CSS or your child theme style.css:
    Code:
    Log In or Sign Up to view this code.
    If it still didn't work, then you might want to try PHP injection method.

    Try the below code in your child theme functions.php:
    Code:
    Log In or Sign Up to view this code.
    Just put it at the end of your child theme functions.php.
     
    #4 Divi.Help Pro Support, Sep 20, 2019
    Steve Lafontaine likes this.
  5. Vinayaga Raman

    Vinayaga Raman New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    The fix in functions.php seemed like the perfect solution for not loading it at all and it worked well. Thanks much.



     
    #5 Vinayaga Raman, Sep 20, 2019
    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.)