Sticky Navbar spacing

Submitted by crounauer on Sat, 2020-06-06 13:55 in Template Customisation and Modifications

Hi David,

I have implemented a sticky Navbar which looks great but there is a spacing issue when viewed in Chrome - FF is okay.

This is the landing page => {link saved}

and it's the spacing in between the Navbar and the searchbox. JS (foundation.topbar.js) is adding in this CSS

element.style {

    top: 85px;

    position: relative;

}

I just can't seem to override the "top: 85px;" to reduce the spacing.

Can you point me in the right direction please?

Thanks.

Submitted by support on Mon, 2020-06-08 07:04

Hi Simon,

Have a go with the !important flag which is sometimes required to override Foundation styles e.g.;

element.style {

    top: 85px !important;

    position: relative;

}

Cheers,
David.
--
PriceTapestry.com