- This topic has 1 reply, 2 voices, and was last updated 4 months, 1 week ago by
sujapati.
Viewing 2 posts - 1 through 2 (of 2 total)
-
AuthorPosts
-
May 1, 2024 at 8:15 am #335111
Empress Creations
ParticipantHi, 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.
May 2, 2024 at 1:16 am #335124sujapati
KeymasterHello 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 -
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.