Horizontal submenu with Virtue theme

Hi,
First of all thank you Kadence for Virtue theme which is user friendly and powerful !

I’m trying to display the submenu (of the primary menu) as a horizontal list instead of a vertical one.
I tried to change the display property with:

#nav-main ul.sf-menu ul li {
   display: inline;
}

But it had no effects whatsoever.
I also tried to change the padding, marging and float properties on the “sf-dropdown-menu” and “ul.sf-menu ul li a” class without any success.

Do you have any ideas to help me on this point ?

The relevant HTML is the following :

<ul id="menu-menu" class="sf-menu sf-js-enabled">
    <li class="menu-work current-menu-item current_page_item sf-dropdown menu-item-502"><a href="http://blog2.supercitron.com/" class="sf-with-ul">WORK<span class="sf-sub-indicator"> »</span></a>
    <ul class="sf-dropdown-menu" style="display: none;">
            <li class="menu-visual-development menu-item-585"><a href="http://blog2.supercitron.com/work/visual-development/">Visual Development</a></li>
            <li class="menu-illustration menu-item-600"><a href="http://blog2.supercitron.com/work/illustration/">Illustration</a></li>
            <li class="menu-cg-image menu-item-599"><a href="http://blog2.supercitron.com/work/cg-image/">CG image</a></li>
            <li class="menu-animation-rig menu-item-597"><a href="http://blog2.supercitron.com/work/animation-rig-2/">Animation / Rig</a></li>
            <li class="menu-films-i-worked-on menu-item-598"><a href="http://blog2.supercitron.com/work/animation-rig/">Films I worked on</a></li>
    </ul> </li>
    <li class="menu-about menu-item-501"><a href="http://blog2.supercitron.com/about/">ABOUT</a></li>
    <li class="menu-blog menu-item-503"><a href="http://blog2.supercitron.com/blog/">BLOG</a></li>
</ul>                      

My website : blog2.supercitron.com

Kind Regards,
Anne

• This topic was modified 9 years, 5 months ago by supercitron.
• This topic was modified 9 years, 5 months ago by supercitron. Reason: typo