You are here:  » Sticky Navbar spacing

Active Forum Topics

Sticky Navbar spacing

Submitted by crounauer on Sat, 2020-06-06 13:55 in

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 {
    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?


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.; {
    top: 85px !important;
    position: relative;