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

Divi Mega Menu - CSS Adjustments

Discussion in 'Free Divi Community Forum' started by SeanR, Apr 11, 2023.

  1. SeanR

    SeanR New Member

    Hi, I'm trying to style a Divi built in Mega Menu (using the .mega-menu class on the parent menu item), but having a bit of trouble. I've included a screenshot that shows what I'd like but I'll describe it a bit below and include my CSS.

    1. The mega menu is shifted mostly to the right side since I made the CSS changes below. I wanted more room for the description text to show. I also think I'll need to make some adjustments to all of this for mobile as I'm sure it will be a mess with this current setup.
    Code:
    Log In or Sign Up to view this code.
    2. Make the Divi Mega Menu columns equal height. I'd like to set the background of every other menu item be a light shade of grey to create some separation. This is easy in a divi row module, but doing it with CSS is proving beyond my ability currently.

    Here is all of the CSS I've added:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. SeanR

    SeanR New Member

    I guess my photo didn't upload, here it is
     

    Attached Files: