dropdown menu custom

  • Hi,

    Thank you for your excellent themes!

    I’ve got 4 related questions about dropdown menus:
    1) how do you make drop down menus look semi transparent? I tried
    #nav-main ul.sf-menu ul li a, #nav-second ul.sf-menu ul li a {background: rgba(255,255,255,0.6);}
    but it’s plain white..
    2) how do you change the width of the drop down menu? I tried
    #nav-main ul.sf-menu ul li a, #nav-second ul.sf-menu ul li a {width: 20px;}
    but it only changes the width of the text, and not of the actual drop down menu.
    3) how can I change the CSS style of the menu descriptions (for exemple, giving the description of a menu a different font)?
    4) I’d like to highlight the active menu; I tried
    #nav-main ul.sf-menu li.current-menu-item > a {background: #e5e2e2;}
    It works; but I’d like to keep the menu highlighted, and not the submenu.

    Thx for your support!

    Laurent

    [Moderator Note: No bumping, thank you.]

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

  • 1:
    .sf-menu ul {background: rgba(255,255,255,0.6);}

    2:
    .sf-menu ul, .sf-menu li:hover ul, .sf-menu li.sfHover ul {width: 100px;}

    3:
    .sf-menu li a .sf-description {font-family: Lato;}

    4:
    #nav-main ul.sf-menu > li.current-menu-item > a, #nav-main ul.sf-menu > li.current-menu-parent > a {background: #e5e2e2;}

    Kadence Themes

    Thread Starter larnoult

    (@larnoult)

    Thank you for your very kind and quick support! In return, let me highlight a (tiny) little change that would be beneficial for your ‘Theme option’ naviguation. It is great to be able to resize the Custom CSS.. It’d be even better if the new size would get memorized (right now, I’ve to resize it every reload)

    Thanks again!

    Laurent

    Thanks, I think the easy thing will just be to have it 3 times as large by default so it’s easy to navigate with.

    Kadence Themes

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘dropdown menu custom’ is closed to new replies.