[Resolved] Vertical Header size

[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 :

Thanks in advance for your help !

Kevin

[David]

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.

[Kevin]

Oups 😀 Sorry !

I corrected here, the website is in maintenance mode I cannot open it directly 😉

http://creals.fr/screen.jpg

Thanks for your help

Kevin

[David]

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

[Kevin]

Hi David,

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

🙂

[David]

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.

[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

[David]

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!

[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

[David]

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

[Author]

Posts