New Landing How can we help? Cardinal Dropdown submenu

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

    Okay, I want the dropdown to be –

    Same size and boldness as top nav.
    Closer to top nav so it feels connected.
    No underline.
    No box.
    No divider.
    No highlight.
    Samer mouseover as top nav.

    Thansk a lot – CSS below.

    .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;
    }

    #201822
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    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;
    }
    

    Thanks
    Mohammad

    #202380
    deejayhart
    Member
    Post count: 239

    Hi there – this is not working! Could you have a look again 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;
    }

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

    #202381
    deejayhart
    Member
    Post count: 239

    Also, please see http://new.inspiragraphics.com/about – why is WEBSITE DESIGN in CAPITALS?! I entered all lower case.

    #202404
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach a marked screenshot to indicate the issue.
    Thanks
    Mohammad

    #202407
    deejayhart
    Member
    Post count: 239

    It’as really simple. On mouseover to the top dropdown, I get two items. Both are underlined (not wanted), boxed (not wanted) and have a white bg rollover (not wanted) – I just need the code for it to look and behave exactly like the top items, with the same mouseover too!

    #202410
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    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;
    }

    Thanks
    Mohammad

    #202546
    deejayhart
    Member
    Post count: 239

    Come on mate – this is still not working! Below is the CSS. Let me explain more clearly.

    1) I want the same size and weight as the top nav. Same mouseover.
    2) I want the submenu to be close to the top nav. Ideally to the right of the little arrow icon, so aligned with the words.
    3) I don’t want the divider.

    Thanks! Please take a careful look at CSS this time – I have given you login details so you can save time by checking 🙂

    .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 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;
    }

    Attachments:
    You must be logged in to view attached files.
    #202578
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I have resolved it so please check.
    Thanks
    Mohammad

    #202632
    deejayhart
    Member
    Post count: 239

    Thanks – not bad, but can we have the dropdown in line with the words? Not below the arrow, but the same vertically as COMMERCIAL etc? Also, logo squashed on ipad – please sort?

    Attachments:
    You must be logged in to view attached files.
    #202656
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

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

    Thanks
    Mohammad

Viewing 11 posts - 1 through 11 (of 11 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