Lovely template and menu structure. However, I cannot find the css code to change the awkward spacing. See image:

Vertical Spacing - Need to minimize this

Horizontal Spacing - Minimum dropdown width in template options does not seem to work, so have have to go with "full width" with is too much.

The Dev site is here; cantonwebsite.com/gnpa/

I am aware that I can add some css to the custom.css file I've created, but I can't for the life of me find the callouts. Could someone please help me get this resolved?

Thanks in advance

Hi

For the top red block

try adjusting these values

.zen-menu-horizontal ul ul {padding:30px;}

#menu .zen-group {padding-top: 20px;}

in the custom.css file

With the second red space you could target either line height or margin

Before doing that I'd make sure the menu is set up as required - as some link types may have different spacing

Cheers
Paul

Should I send you login via private message? I do not have any link types set, nor custom css on any menu items.

Hi

With the css I suggested you need to add it to the custom.css file and adjust the values as required

For customisation on this template please check out

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation.html

Cheers
Paul

I did actually make the suggested code tweaks in a custom.css file I had created and I have already studied the information for theme customization. I just can't seem to pinpoint the code I'm looking for. I use Firefox dev tools to try to locate what I need, but I'm not having much luck. Thanks for your help tho. I'll keep looking.

If I add/change

.zen-menu-below ul ul {
margin: 10px 0 0 0 !important;
padding:10px;
}

#menu .zen-group {padding-top: 0px;}

That tightens up the top space

For the other space try

#menu .zen-group ul {padding:5px}

Cheers
Paul