A lot of css issues with header & menu

[Milla]

Milla

August 23, 2019 at 7:05 am

Yes,
page *Login to see link needs little more css.
I have sticky header (also for mobile) and I want it to be in colour until shrinking (transparent).

1) What is that white space between header and slider? How to get it off?
2) Is it possible to make menu disappear after clicking it? Now it stays visible all the time.
3) How to get menu width smaller in desktop? In mobile it´s fine now (50%) but maybe 33% would do in desktop?

Now I have this:

/* topbar off */
#topbar {
height: 0px;
}

/* topbar padding */
.container {
padding-top: 15px;
}

/* transparent shrinking menu */
.home #kad-banner-sticky-wrapper.is-sticky #kad-banner {
background: transparent;
width: 100%;
z-index: 1000;
}

/* hamburger menu on desktop */
.kad-primary-nav ul.sf-menu, .nav-main ul.sf-menu {
display: none;
}

#kad-mobile-nav {
display: block;
width: 50%;
margin-left: 50%;
}

#mobile-nav-trigger {
height: auto;
display: block;
}

Yours,
Milla