Header menu

Hi, we want to increase the space between menu items to 20 pixels. Is this possible to do without collapsing the responsiveness of the header menu of the theme. If so how can we do this? We are using ultimo theme. The site link is this:


for doing this your have customize the css. Please open custom.css and go to line: 830
there you will see: margin: 0px 12px; you have to replace with margin: 0px 20px;
More than 20px will break your menu design in small devices as like ipad.

Or add the following css at the bottom of custom.css

li.nav-item.level0 {
   margin: 0px 20px;