Vertical Header size

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.

Oups :D 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

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

Hi David,

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

:)

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.

Thanks a lot David !!

I am really happy :) It was so close and so logic that I did not found it ! Sorry :D

Thanks again :)

Kevin

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!

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

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