[Resolved] How to use menu (navigation bar) from one theme into another theme? Both are GP

[Vivek]

I want to use just navigation bar from Marketer theme demo into split theme. How to do it?

[David]

Hi there,

after you import the Split site go to Customizer > Layout > Header and enable the Navigation as Header

Then in Customizer > Additional CSS remove these blocks of CSS:

.inside-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.header-widget {
	order: 10;
	overflow: visible;
}

.nav-float-right .header-widget {
	top: auto;
}

.nav-float-right .header-widget .widget {
	padding-bottom: 0;
}

.site-branding,
.site-logo {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 200;
}

/* and this */

#mobile-header .mobile-bar-items {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	margin-left: auto;
}

/* and tjos */

#site-navigation {
	float: none;
	width: 100%;
}

.main-navigation:not(.slideout-navigation):not(.mobile-header-navigation) .main-nav > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-navigation .menu-item-separator {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

.main-navigation .menu-item-separator a {
	font-size: 0;
	background: transparent !important;
}

.slideout-navigation .menu-item-separator,
.main-navigation.toggled .menu-item-separator{
	display: none !important;
}

@media (max-width: 768px) {
	.inside-header>:not(:last-child):not(.main-navigation) {
		margin-bottom: 0;
	}
}

[Vivek]

This is didnt help much but I hired some dev and had got it done. Seems like support of GP is almost nt upto the mark.

[David]

Well i am sorry we could not have been of any more assistance. We would have had no issue helping you further if you had asked. But i am glad to hear you got your custom development sorted.

[Author]

Posts