Mobile Menu CSS Colors

This topic contains 4 replies, has 2 voices, and was last updated by  jahusdtc 6 years, 10 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: , , ,

  • Author
    Posts
  • #419381

    jahusdtc
    Expired Member
    Post count: 162

    Almost there on my Mobile menu colors.

    Using the ones below just to SEE where changes occur.
    Still not seeing the hover on my Change Location and My Account.

    Could you tell me what these might be?

    More searching done on mobile, so want this to be very visible (not as visible as my colors below, however!)

    /*Mobile “pull-out” menu items*/
    /*Still missing hover on the Change Location and MyAccount items*/
    .mm-menu .mm-list>li>a.mm-subopen:after,
    .mm-menu .mm-list>li>a.mm-subclose:before {
    border-color: orange!important;;
    }
    .primary-nav {
    color: red!important;
    }
    .primary-nav:hover {
    color: lime!important;
    }
    .mm-menu .mm-list>li>a.mm-subclose {
    color: yellow!important;
    }
    .mm-menu .mm-list>li>a:hover{color:blue!important;}

    Any hints would be a thrill.

    #419382

    jahusdtc
    Expired Member
    Post count: 162
    This reply has been marked as private.
    #419460

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    I can point you at the style.css for Supreme and GeoDirectory. Quite a few references in there to mobile menus.

    #419578

    jahusdtc
    Expired Member
    Post count: 162

    Thanks, Alex…good idea!

    In case someone checks out this message for css, am just adding to my Mobile CSS above.

    Here’s the mobile “hamburger” menu icon coloration.

    /*Mobile Hamburger*/
    div.dt-nav-toggle.dt-mobile-nav-button-wrap a i.fa.fa-bars{color:aqua!important;}

    May be useful to someone.

    Thanks again for your pointer.

    #419583

    jahusdtc
    Expired Member
    Post count: 162

    And…just one more addendum…guess the two I couldn’t “find” just needed more specificity.

    Here are “Change Location” and “My Account” hover on mobile menu:

    /*Works for Change Location Mobile Menu Hover*/
    li#mm-menu-item-gd-location-switcher.menu-item:hover{color:blue!important;}
    /*Works for My Account Mobile Menu Hover*/
    li.sd-my-account.menu-item:hover{color:blueviolet!important;}

Viewing 5 posts - 1 through 5 (of 5 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount