Horizontal Menu and Products Smushed Together

Ok, I have two questions... (And please let me know if in the future it would be better to post 2 times, rather than once.)


Number 1:
I'm trying to put a menu in the "top1" position, and I can't get it to display in a horizontal format, just the vertical one.
See here: http://2015version.zl1addons.com/index. ... ds-magpads
I've tried the "nav-pills" in the Menu Class Suffix, that I found while Googling, but that didn't do it. Any thoughts?

Number 2
On this same page: http://2015version.zl1addons.com/index. ... ds-magpads when you make the screen smaller and the responsiveness starts to kick in, the three columns of products eventually squish together, not leaving any sort of margin between them. See here:

Capture.JPG

Thanks,

Joe

Hi

1. Add this to override.css and make sure override is enabled in template settings:

Code: Select all

#gkTop1 ul.menu li {
    display: inline-block;
    padding: 7px 15px;
}


2. Use this:

Code: Select all

.browse-view .product .spacer {
    padding: 0 10px;
}


Thank you very much, Teitbite. Have a great week.