• Resolved katherinelent

    (@katherinelent)


    Hi, When I rollover a menu dropdown, I would like the color to include the top page of that dropdown menu. It is kind of ‘lost’ and I don’t know if people will realize that it is a page too. I don’t want to have to duplicate each page to put it at the top of the list of the dropdown items. Thanks!

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi, katherinelent

    Can you please make us understand using the screenshot where exactly you need to change the color?

    Thanks

    Thread Starter katherinelent

    (@katherinelent)

    New Site with BusiProf theme

    See how on the old site (in green) the hover includes the primary link (About Us) and on the new site, (in blue), the About Us page link is not included in the blue area.

    I am afraid people will miss this page entirely. I have thought about duplicating the About Us page and putting it at the top of the list int he dropdown list.

    Old Site

    • This reply was modified 7 years, 3 months ago by katherinelent.

    Hi, katherinelent

    Means you want to display hover effect like this http://prntscr.com/mq6spq

    Let me confirm then I will share the custom CSS for the same.

    Thanks

    Thread Starter katherinelent

    (@katherinelent)

    YES! Exactly!

    Paste the below custom CSS in the theme’s custom CSS box:

    @media (min-width: 992px) {
        .navbar .navbar-nav > .open > a,
        .navbar .navbar-nav > .open > a:hover,
        .navbar .navbar-nav > .open > a:focus,
        .navbar .navbar-nav > li > a:hover,
        .navbar .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > li > a:before,
        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            color: #fff !important;
            background-color: #5ca2df !important;
        }
        .dropdown-menu {
            background-color: #5ca2df !important;
        }
    }

    Let me know did it work!

    Thanks

    Thread Starter katherinelent

    (@katherinelent)

    I am a little afraid to try it because I get this:

    There are 73 errors which must be fixed before you can save.
    Update anyway, even though it might break your site?

    image

    • This reply was modified 7 years, 3 months ago by katherinelent.

    Hi,

    Change &gt ; to symbol > then try to save.

    Let me know again!

    • This reply was modified 7 years, 3 months ago by Imraj khan.
    • This reply was modified 7 years, 3 months ago by Imraj khan.
    Thread Starter katherinelent

    (@katherinelent)

    It’s perfect!!!!
    http://box5752.temp.domains/~wynnsser/wp-admin/post.php?post=1236&action=edit

    Thanks so, so much!!! My client will be thrilled!

    Glad to help you!

    You can rate us if you like our Theme & Support:
    https://ww.wp.xz.cn/support/theme/busiprof/reviews/#new-post

    Thanks

    Thread Starter katherinelent

    (@katherinelent)

    Support team saved me! My clients were very unhappy with two unchangeable things on this theme. I was able to post in the support forum and the team gave me fast actionable info that I was able to implement and impress my clients!! Thanks! I will use the BusiProf theme again!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Menu dropdown question’ is closed to new replies.