Styling hover box on menu when using basic shrink for sticky

[Nicola Crossley]

Nicola Crossley

December 2, 2015 at 1:08 pm

Hello,

I am using primary menu set as basic with shrink for sticky and i’d like the hover box over the menu items to just be around the text – not the full height of the header. I thought this css would work:

.sf-menu a {
padding: 10px 10px;
}

#nav-main, .nav-main {
margin-top: 72px;
}

But only works for ‘standard’ setting not with the shrink – could you advise on how to alter for the basic+shrink setting please?

Here’s the site:
http://www.thepersonaltrainingroom.co.uk

Many thanks
Nic