Menu module margin/padding bottom I can't remove

Beaver Builder
1

Hi,

I am using the horizontal menu module on site I am designing. I placed it inside a row and removed all padding and margins, yet there seems to be a gap between the separators and the bottom border of the row.

Can you suggest how I can remove this gap so that it is flush?

http://prototypes.superhappypath.co.uk/shoreview/
(scroll past the hero section)

Thanks

2

Hey Laurence,

The CSS snippet below should take care of it.

.fl-menu {
  line-height: 0;
}

This shouldn’t affect the elements inside the menu as they have a different line-height set.

Let us know how it goes!

Ben