Mobile Nav transparent

[Lars]

Hello,

I changed the background-color of the mobile-header to transparent. Because I want that the mobile-header has the same style like the desktop-header.

But, the problem is that the height of the mobile-header moves the main container around this value. I don’t know how to delete this space or gab, so that the mobile-header moves up and starts at 0px.

Here you can see my custom CSS:

#mobile-header {
	background-color: transparent !important;	
	
	border-bottom-color: none !important;
	border-bottom: none !important;
}

#header-section .is-sticky .sticky-header {
	border-bottom: none !important;
}

.full-center #logo {
	max-width: 100% !important;
}

#mobile-logo h1 {
	font-size: 33px !important;
}

.page-shadow #container {
	-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .3) !important;
	-moz-box-shadow: 0 0 0px rgba(0, 0, 0, .3) !important;
	box-shadow: 0 0 0px rgba(0, 0, 0, .3) !important;
}

.mobile-left-logo #mobile-logo {
	margin-top: -18px;
}

a.mobile-menu-link {
	margin-top: -10px !important;
}

#mobile-menu {
	font-size: 22px !important;
}

.mh-overlay #mobile-menu-wrap {
	padding: 40px 40px 40px 22px !important;
}

[Kyle – SUPPORT]

Hi

Please can you provide me with a login so I can sort this for you

– Kyle

[Lars]

This reply has been marked as private.

[Lars]

This reply has been marked as private.

[Kyle – SUPPORT]

Unfortunately you can only have a naked header on mobile when you use either the swift slider or a fancy heading on the page.

– Kyle