<div>
This is the style that's giving it the space. Change the padding to zero.
<pre><code id="code-20-41868606-1">.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon {
    padding: 5px;
}</code></pre>
It's coming from the sccss document. But you should add this to your custom css document.
</div>


This is the style that's giving it the space. Change the padding to zero.

.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon {
    padding: 5px;
}

It's coming from the sccss document. But you should add this to your custom css document.

<div>
Kim, &nbsp;I did what you asked but it didn't seem to do anything. &nbsp;I cleared cache too.
</div>


Kim,  I did what you asked but it didn't seem to do anything.  I cleared cache too.

<div>
<div class="content wysiwyg-content">
Trying to figure out what to modify so that the submenu buttons on this wordpress site so it doesn't have such large gaps between the drop down buttons (see Products, Wholesale). &nbsp;This is quite evident on 1024 x 600 ipad landscape. &nbsp;I pointed out gaps with green highlight in image.<br />
<a href="https://filedb.experts-exchange.com/incoming/2016/11_w45/1125468/menu.jpg" target="_blank" title="menu (62 KB)"><img alt="menu" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2016/11_w45/800_1125468/menu.jpg" /></a>.<br />
<br />
<a href="http://36a.ed7.myftpupload.com" rel="ugc">http://36a.ed7.myftpupload.com</a>
</div>
</div>


menu.jpg

Trying to figure out what to modify so that the submenu buttons on this wordpress site so it doesn't have such large gaps between the drop down buttons (see Products, Wholesale).  This is quite evident on 1024 x 600 ipad landscape.  I pointed out gaps with green highlight in image.
.

http://36a.ed7.myftpupload.com

drop down navigation on mobile devices adds spaces

iPad is an iOS-based line of tablet computers built around the device's multi-touch screen, including a virtual keyboard. The iPad includes built-in Wi-Fi and cellular connectivity on select models. An iPad can shoot video, take photos, play music, and perform Internet functions such as web-browsing and emailing. Other functions – games, reference, GPS navigation, social networking, etc. – can be enabled by downloading and installing apps.

iPad

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Mobile

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL for creating websites and blogs. Features include a plugin architecture, a template system and strong management, customization and search systems; through its dynamic presentation of content, webmasters have the flexibility to create websites easily.

WordPress

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.