Please advice some CSS

I would like the last menu item to look like the button near it.

  • Nastia
    • Support Rock Star

    Hello Rob

    Hope you’re doing well!

    Please remove the last CSS was added to your site:

    bookNowNav a {
    text-align: center;
    color:white !important;
    font-weight: 400;
    font-family: lato !important;
    font-size: 14px !important;
    letter-spacing: 2px;
    }
    .bookNowNav {
    background: transparent;
    }
    #nav-menu-item-15489 span {
    background: #222227;
    padding: 22px 8px;
    }
    .bookNowNav:hover {
    background: #fff !important;
    }
    #nav-menu-item-15489:hover span {
    background: #fff;
    }

    And try this one instead:

    @media only screen and (min-width: 1000px) {
    .bookNowNav {
    background: transparent;
    }
    .bookNowNav a {
    color:white ;
    font-weight: 400 ;
    font-family: lato ;
    font-size: 14px !important;
    letter-spacing: 2px;
    }
    #nav-menu-item-15489 span.plus {
    display: none;
    }
    #nav-menu-item-15489 span {
    background: #222227;
    padding: 22px 26px;
    }
    .bookNowNav a {
    color: #fff !important;
    }
    #nav-menu-item-15489:hover span {
    background: #fff;
    }
    }
    @media only screen and (max-width: 1000px) {

    .bookNowNav {
    background-color:transparent;
    }
    }

    Let us know how it went!

    Cheers,

    Nastia

  • Rob
    • Flash Drive

    Hi Nastia,

    Thanks for that and have been able to test and it works perfectly for the desktop view, excellent :slight_smile:

    On the mobile view however the item isn’t appearing in the menu mobile menu. If for the mobile view the “buy now!” item can appear like the other nav items that would be perfect.

    Hope that makes sense but if you need any more info just let me know.

    All the best,

    Rob

  • Rob
    • Flash Drive

    Actually, sorry Nastia, scratch that, it’s working perfectly for mobile as well, must have been caching or a copy/paste mistake by me.

    Thank you so much, top work as always from you and the WPMU Dev team, appreciate it.

    All the best,

    Rob

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.