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

Solved Hide Header on screen resolutions of 1024px

Discussion in 'Basic Support Forum' started by Nick Attfield, Feb 1, 2018.

  1. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    Hi,

    I've noticed the header isn't displaying properly on a screen width of 1024px (i.e. ipad mini landscape, ipad air portrait)

    How do i set the header to hide when it's on these resolutions?

    Many thanks!
     
    #1 Nick Attfield, Feb 1, 2018
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You want to completely hide the custom header below 1024px? And show the mobile header?

    Then try this CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help Pro Support, Feb 1, 2018
    Bryan Mendelson likes this.
  3. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    Hi,

    Thanks for your reply, it hasn't helped though its still displaying as below:
     

    Attached Files:

    #3 Nick Attfield, Feb 1, 2018
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It seems like you just added the CSS correctly seconds ago. Kindly check it.
     
    #4 Divi.Help Pro Support, Feb 1, 2018
  5. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    I've just been playing with a few settings and changed the .et_pb_row width from 80% to 100% to see if that made any difference, so it's stopped dropping onto another line, still not showing mobile menu when it's on a 1024 viewport
     
    #5 Nick Attfield, Feb 1, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to clear your browser cache & see your website again.

    But I noticed another issue. You need to add this CSS as well:
    Code:
    Log In or Sign Up to view this code.
    After adding the CSS, clear your browser cache again & see your website.
     
    #6 Divi.Help Pro Support, Feb 1, 2018
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Now I know what the issue is. Kindly refer back all the previous custom css: change 1023px to 1024px.
     
    #7 Divi.Help Pro Support, Feb 1, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  8. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    That's worked perfectly! Thanks for all your help
     
    #8 Nick Attfield, Feb 2, 2018
(You must log in or sign up to post here.)