making menu look more attractive

I have a client site located at:

The client wants the menu to look more attractive and take up much less space. He'd love for it to fit all on one row. Is there any way to do this?

  • Kris

    Hi cornelius_butler

    Hope you are doing good today.

    I take a closer look on this site and it will be not possible to make this menu in one row. There is to many items. If your client will consider delete several items or combine them to one with hover, like About for ex. then this could work.

    For current look the only solution I see is to make two rows + add search icon and language select in third row.

    If you add this code to your custom css section in your theme:

    #menu-x-demo-menu li a {font-size:11px; height:45px; font-weight:normal !important; margin:0 5px !important; padding:0!important; width:150px;}
    #menu-x-demo-menu li ul {top:40px;}
    #menu-x-demo-menu {clear:both; position:relative !important; left:50px;}
    #menu-x-demo-menu a {height:auto; }

    It will look like this:

    Hope this help :slight_smile:

    Kind Regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.