PrestaShop 1.6.x Spacing between menu items in sub-menu

[sounds]

Hi,

 

I have a few root menu items with sub-menu items in them.

So when you click a root menu item the sub menu drops down.

But there's a huge space between each sub-menu item

Smart Phones - big space | Phablets - big space | Tablets - big space.

How do I decrease this spacing?

One other question about the sub-menu, it goes the full length of the page to the right.
Can I shorted the length?

[dioniz]

In yourdomain/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css find this

.sf-menu > li > ul > li {
    float: left;
    padding-right: 15px;
    width: 20%;
}

Change width to suits your needs

 

Here is the code for submenu panel:

.sf-menu > li > ul {
    padding: 26px 30px 31px;
    width: 100%;
}

[SharmaS]

Thanks dioniz for useful information.

[sounds]

Thanks Dioniz

 

Any idea where to change this so there's less space between the top menu and the drop down to the sub menu

 

[francklecancre]

up !