Hey all,
Below is a page I'm working on. How can I set the stacking order of each block? for instance I would like both secondary nav sections to be at top and so on.
One more question... Is there a way to get the bootstrap button at the bottom to align better with the vertical line when media size changes?
Thanks in advance for any help!!
Here is the link:
Seriously, that code is a crock of shite.......hummm I'm losing the will to live here. Anyway I digress.
If you find the media query code (see below) in your page and alter it as shown your divs will re-order themselves at tablet size.
/* If you don't want the footer to be responsive, remove these media queries */
@media (max-width: 880px) {
.footer-distributed{
display: flex;
flex-direction: column;
font: bold 14px sans-serif;
}
.footer-nav {
order: 3;
}
.footer-left {
order: 4;
}
.footer-address {
order: 5;
}
.top {
order: 6;
}
You also need to add the 'top' class to your center tag (see below) for your back to top image in the footer, not sure why your using the <center> tag, my head is spinning.....I guess these frameworks or whatever school of learning are real progress.
<center class="top">
<img style="margin:0 auto;display:block;margin-top:45px;margin-bottom:10px;padding-left:8px;" src="http://offers.premierinc.com/rs/381-NBB-525/images/scroll.png" alt="LineItemDetails" height="40" width="40"></center>
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
AdChoices