Two column menu


#1

Dear Support,

As you can see from this page http://print.rawdemo.co.uk/what-we-print/

The What We Print menu is quite long, is it straightforward to show the dropdown as two columns, so rather than this:

What we print
book
brochure
business cards
compliment slips

It would be:

What we print
book brochure
business cards compliment slips

Obviously as easy as possible so if it goes down to L and then starts the second column as M that’s fine.

Many thanks,

Rob


#2

Dear Rob,

I would like to apologize in advance for responding slowly.

In order to achieve that objective, could you please try to add the following CSS code through the Simple Custom CSS plugin?

@media only screen and (min-width: 1025px){
 
  #mainnav ul li#menu-item-90 ul.sub-menu{
    width: 400px;
  }

  #mainnav ul li#menu-item-90 ul.sub-menu li{
   width: 50%; 
   background: #1C1C1C;
  }

  #mainnav ul li#menu-item-90 ul.sub-menu li a{
   width: 100%; 
  }    
  
}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis


#3

Hi Kharis,

Thank you so much, that works perfectly!

You’ve been a great help.

Regards,

Rob


#4

Dear Rob,

I am glad to know that it works for you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis