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 How Do I set an @media query for a Menu

Discussion in 'Basic Support Forum' started by David Behrens, May 15, 2019.

  1. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi Divi.Help Community,

    I am looking for some assistance in setting a media query for the Divi Ultimate Header Template 9. With Template 9, comes a nice CTA button tucked to the right of the menu. It looks great, except when screens hit a certain minimum width (in this case 1213 px before distortion). I'd like to set a media query that calls only this button to disappear once this minimum screen width is met. Looked at support articles on Divi, but haven't had too much success yet as I keep running into CSS errors. I attached two images: One of how the menu should look, and another of how the menu does look once the minimum width is exceeded. Any help would be greatly appreciated.

    The site can be found at fordsfishshack.kollabio.net. The SSL is still being configured so you will need to bypass your browsers prompts for a bit.

    Sincerely,

    David Behrens
     

    Attached Files:

    #1 David Behrens, May 15, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help Pro Support, May 15, 2019
  3. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Woah, y'all rock! That was wicked fast! Thank you for being so prompt!
     
    #3 David Behrens, May 16, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
(You must log in or sign up to post here.)