New Landing How can we help? Cardinal Mobile nav not consistent with laptop

Viewing 2 posts - 1 through 2 (of 2 total)
  • Posted in: Cardinal
  • #203354
    deejayhart
    Member
    Post count: 239

    Hi there – probs with mobile nav. It is GREEN and UNDERLINED – which is not happening with the (correct) LAPTOP version. Can you fix please?

    .full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a {
    text-decoration: none;
    }

    .full-center nav#main-navigation ul.menu,
    nav.std-menu ul.sub-menu {
    font-weight: bold;
    }

    nav .menu ul.sub-menu {
    background-color: transparent;
    }

    nav .menu ul.sub-menu li.menu-item > a {
    color: #fff!important;
    }

    div.spinner div{
    background-color:#93a1b9 !important;
    }

    h1.entry-title {
    font-family: Lato;
    font-weight:100;
    font-size:88px;
    }

    /*Mobile size */
    @media only screen and (max-width: 767px){
    h1.entry-title {
    font-size:48px!important;
    }
    }

    .wpcf7 p {
    color: #ffffff;
    }
    nav .menu ul.sub-menu{
    top:70px !important
    }
    nav .menu ul.sub-menu li.menu-item > a {
    color: #FFF !important;
    font-size: 18px !important;
    font-weight: bold !important;
    }
    nav.std-menu ul.sub-menu > li{
    border-top:0px !important;
    }

    nav .menu ul.sub-menu li.menu-item:hover > a {
    background: transparent none repeat scroll 0% 0% !important;
    text-decoration: none !important;
    color: #fff !important;
    background: transparent !important;
    }
    nav .menu ul.sub-menu{
    box-shadow:none !important;
    }

    .fancy-heading-wrap {
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    }

    .fancy-heading h1,
    .box-content-wrap h6 {
    text-transform: none!important;
    }

    nav.std-menu ul.sub-menu{
    left:15px !important;
    }

    #203779
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Add the code below, adjust the hover color.

    .mh-overlay #mobile-menu ul li a {
        text-decoration: none;
    }
    
    .mh-overlay #mobile-menu ul li a:hover {
        color: #CCC!important;
    }

    -Rui

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register