Drop Down Navigation – Make 2 Columns

[Langer Enterprises LLC]

I use the theme SKT PVC Pipes Pro, and I added product categories to the main top nav bar. There are a lot of categories, so the list goes off to the bottom of the screen from the top navbar. Is there a way to make the drop-down options into two or three columns?

http://new.pinetreepaper.com/ Products nav choice.

Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#topmenu ul li ul { width: 280px;}
#topmenu ul li ul li a { padding: 3px 8%; font-size: 16px;}

Regards,
Dave

[Langer Enterprises LLC]

Thanks, that keeps them one one page. Is there a way to have them show up in 2 columns?

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.menu-item-3257 .sub-menu {
  column-count: 2;
  column-gap: 0;
}

Regards,
Dave

[Author]

Posts