[Empress Creations]

Hi, I cannot changed the size or appearance of the hamburger overlay, I do not want it opening a complete screen but more like a widget effect. How do i change the size of it?

 

Also I cant add header on other pages, it tells me saving failed.

[sujapati]

Hello Empress

To modify the size of the hamburger menu overlay, kindly incorporate the following CSS code.

.wp-block-main-header .wp-block-navigation .wp-block-navigation__container {
	margin-left: 0;
}

@media screen and (min-width: 37.5em) {
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding: 30px;
	}

	.wp-block-navigation__responsive-container-close {
		top: -41px;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		padding: 0;
	}

	.wp-block-navigation__responsive-container {
		bottom: auto;
		left: auto;
		width: 280px;
		padding: 0;
		position: absolute;
		top: 100%;
	}

	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}

	.has-modal-open button.wp-block-navigation__responsive-container-open {
		opacity: 0;
		visibility: hidden;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		overflow: visible;
	}

	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}
}

In regard to the header issue, we have thoroughly tested it on our theme and it performed optimally. Could you please specify the specific header element you are attempting to add that led to the error? Additionally, would you provide us the URL for further investigation?

Kind Regards,
Sujapati

[Author]

Posts