I have the following code which centers vert and horiz a div inside the jumbotron.
margin: 0 auto;
margin: 0; padding: 0;
border-radius: 0 !important;
background-position: center center;
<div class="jumbotron" style="...">
<h2> <?php the_secondary_title(); ?> </h2>
<p> ... more content ... </p>
</div><!-- end of s-text-->
First of all I think the additional flexbox for
#s-text is not necessary. Even with more than one child inside
.jumbotron it should be possible only with one flexbox.
text-align: center on all children of
#s-text should suffice. (inherit on children possible)
To the main problem: before we get too deep into crazy things a rather obvious approach, which we all know is simple to oversee in too many cases while working for 12 hours straight :D
Does the layout allow padding / margin on