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

Home Forums Support How to use menu (navigation bar) from one theme into another theme? Both are GP

  • This topic has 3 replies, 2 voices, and was last updated 6 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1186628
    Vivek

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

    #1186883
    David
    Staff
    Customer Support

    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;
    	}
    }
    #1259084
    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.

    #1259221
    David
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.