Site logo

[Resolved] Mega Menu

Home Forums Support [Resolved] Mega Menu

Home Forums Support Mega Menu

Viewing 5 posts - 16 through 20 (of 20 total)
  • Author
    Posts
  • #2547266
    David
    Staff
    Customer Support

    Oops i missed a ul in my CSS. Try this:

    .main-navigation .main-nav ul ul ul li a {
        font-size: 20px !important; 
    }

    for the mobile padding change use this:

    
    @media(max-width: 768px) {
        .main-navigation .main-nav ul ul ul li a {
            padding-left: 30px !important;
        }
    }
    #2547910
    Jusung

    Thank you!! This would be the last thing for this topic.
    on PC, the child item color is black
    on Mobil, the child item color is white smoke.
    This is what I want to make. So, I tried to use those codes below.
    But, Only one code is applied and the color is the same.
    could you help to fix this?

    * additionally, I wanna add underline on the child item menu with black color.

    @media(max-width: 768px) {
        nav .main-nav .mega-menu>ul>li>a {
        color: whitesmoke !important  
    }
    }
    
    nav .main-nav .mega-menu>ul>li>a {
        color: #3E4348;  
    }
    #2548361
    David
    Staff
    Customer Support

    Can you make sure that your Mobile CSS is added after your desktop CSS.

    #2548498
    Jusung

    It is solved!

    I just added this code

    nav .main-nav .mega-menu .sub-menu ul li a:hover {
        color: whitesmoke !important;
    		background: #566270 !important;
    }
    #2548816
    David
    Staff
    Customer Support

    Glad to hear that!

Viewing 5 posts - 16 through 20 (of 20 total)
  • You must be logged in to reply to this topic.