[Resolved] Vertical Header size

Home Forums Support [Resolved] Vertical Header size

Home Forums Support Vertical Header size

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #632125
    Kevin

    Hi,

    I made a vertical Header but I cannot find where to adjust the horizontal size (Header is in full vertical height and it’s perfect)

    I’m using WP 4.9.7
    GeneratePress 2.1.3
    GP Premium 1.6.2

    You can see a screenshot here : Screenshot

    Thanks in advance for your help !

    Kevin

    #632325
    David
    Staff
    Customer Support

    Hi Kevin,

    the image link is broken. Is it possible for you to share a link to the site? You can edit your original topic and use the Site URL field for privacy.

    #632333
    Kevin

    Oups πŸ˜€ Sorry !

    I corrected here, the website is in maintenance mode I cannot open it directly πŸ˜‰

    screen

    http://creals.fr/screen.jpg

    Thanks for your help

    Kevin

    #632411
    David
    Staff
    Customer Support

    Hi there, did you use one of the Site Library options? e.g Navigator or Sider?

    #632413
    Kevin

    Hi David,

    Yes I used “Navigator” to start from it and build my site with elementor and GPP

    πŸ™‚

    #632505
    David
    Staff
    Customer Support

    Hi Kevin, in that find this CSS in the Customiser > Additional CSS:

    /* ------
    Fixed Header
    ------- */
    
    @media (min-width: 769px) {
    	body {
    		margin-left: 200px; /* Change to match width below */
    	}
    
    	.site-header {
    		position: fixed;
    		left: 0;
    		top: 0;
    		width: 200px; /* Change width */
    		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;
    	}
    }

    I have commented here the two properties you need to change. Just set them to px’s you need.

    #632517
    Kevin

    Thanks a lot David !!

    I am really happy πŸ™‚ It was so close and so logic that I did not found it ! Sorry πŸ˜€

    Thanks again πŸ™‚

    Kevin

    #632519
    David
    Staff
    Customer Support

    You’re absolutely welcome Tom and I built the two side header sites so we know exactly where to look πŸ™‚ i think we may add this to the Sites style guides as it gets asked for a lot. Glad to see you using the Site library!

    #632524
    Kevin

    I just would say you made a beautiful work, people like me thanks you every days πŸ˜‰ just to be sure you know it πŸ™‚

    I will send you the final result when it’s done

    Best regards

    Kevin

    #632527
    David
    Staff
    Customer Support

    That’s really kind of you. We would be really happy to see it!

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