<div class="NEW-WRAPPER">
<header class="webyx-header">
<div class="webyx-logo-wrapper"></div>
<nav id="webyx-nav" class="webyx-nav" data-headertype="tmp"></nav>
</header>
</div>
I’m hoping the authors will consider adding a wrapper container around the header element.
What I’m trying to accomplish:
I’d like more control over the width of webyx-logo-wrapper and nav elements. With my limited knowledge of HTML and CSS it feels like in order to accomplish this goal, I need something to hook CSS instructions onto? If there is a toggle somewhere in the custom settings area please let me know… but I think I’ve exhausted those options.
Thanks for considering this request.
<div class="wp-site-blocks">
to wrap all block content. However, I want to add a custom container <div class="wrapper">
before all block content. I found a function get_the_block_template_html()
in wp-includes
and would like to know how to modify it so that my container wraps the content as <div class="wp-site-blocks"><div class="wrapper">...blocks</div></div>
.
]]>I added some CSS to constrain the wrapper to the viewport. If you use inspector and turn off this max-width and height on the swiper-wrapper you’ll see what happens:
@media only screen and (max-width: 835px) and (orientation: portrait) {
ul.wp-block-jetpack-slideshow_swiper-wrapper.swiper-wrapper {
height: fit-content !important;
max-width: calc(100vw - 60px) !important;
}
}
I’ve spent hours troubleshooting in forums and seen other users mention this issue. One such example:
https://github.com/Automattic/themes/issues/6081
https://github.com/Automattic/jetpack/issues/22834
Anyone have any experience with this or understand why the wrapper behaves this way? Is my little CSS hack the only fix?
]]>Thanks.
]]>wp-block-group__inner-container
div was added to the group block as a wrapper for blocks inside.render_block_core/group
filter) ads this wrapper.<div class=”mh-wrapper mh-clearfix” style=”height: auto !important;”>
Any ideas on how to speed this up or changes to make?
]]>