[Resolved] Add left header (Flint Skin Navigator )

Home Forums Support Add left header (Flint Skin Navigator )

This topic contains 3 replies, has 2 voices, and was last updated by  David 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #779453

    geco

    Hi guys, Happy Year!

    I would like to know how to add the header to the left or right as in the Flint Skin Navigator that brings GP in Site Library. I have tried to see how to do it from the customizer but I do not see the option.

    Thank you

    GeneratePress 2.2.1
    GP Premium 1.7.7
    #779462

    David Customer Support

    Hi there,

    Happy New Year, it uses CSS – this:

    /* ------
    Fixed Header
    ------- */
    
    @media (min-width: 769px) {
    	body {
    		margin-left: 200px;
    	}
    
    	.site-header {
    		position: fixed;
    		left: 0;
    		top: 0;
    		width: 200px;
    		z-index: 300;
    		height: 100%;
    		overflow: auto;
    		overflow-x: hidden;
    		-webkit-backface-visibility: hidden;
    		-webkit-overflow-scrolling: touch;
    		transition: .1s ease;
    	}
    	
    	.admin-bar .site-header {
    		top: 32px;
    	}
    	
    	.site-header .main-navigation li {
    		float: none;
    	}
    }
    
    .inside-header {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    	height: 100%;
    	-webkit-box-sizing: border-box;
    	        box-sizing: border-box;
    }
    
    .site-branding,
    .site-logo {
    	-webkit-box-ordinal-group: 2;
    	    -ms-flex-order: 1;
    	        order: 1;
    }
    
    .header-widget {
    	-webkit-box-ordinal-group: 4;
    	    -ms-flex-order: 3;
    	        order: 3;
    	margin-top: auto;
    	margin-bottom: 20px;
    }
    
    .nav-float-right .inside-header .main-navigation {
    	-webkit-box-ordinal-group: 3;
    	    -ms-flex-order: 2;
    	        order: 2;
    	float: none;
    	margin-top: 20px;
    	margin-bottom: 50px;
    }
    
    .nav-float-right .header-widget {
    	float: none;
    	top: auto;
    	max-width: 100%;
    }
    
    .dropdown-hover .site-header .main-navigation .main-nav .sub-menu {
    	opacity: 1 !important;
    	display: block !important;
    	right: auto !important;
    	position: relative;
    	top: auto;
    	float: none;
    	text-align: center;
    }
    #779510

    geco

    Fantastic David! thank you very much for the speed.

    You are a great team!

    #779522

    David Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.