[Resolved] Move footer bar location under copyright

[Jessica]

First I just want to say, I LOVE this theme. Tom, you are a genius.

I’ve had a search through the forums and haven’t been able to find the answer to this question.

I have created a custom menu and have added this to the footer bar widget area.

I want this menu to appear BELOW the footer credits (class=”copyright-bar”). I haven’t been able to figure out how to do this in the customiser or by changing the PHP template. I realise I could do it with css absolute positioning but that’s quite messy and I’m sure there is a more robust solution.

Could you please let me know the best way to achieve the footer bar appearing below the site credits?

[Tom]

Hi Jessica,

Glad you’re enjoying the theme!

If your footer bar alignment is set to center, try this:

.inside-site-info {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.inside-site-info > * {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.copyright-bar {
    order: 1;
}

.footer-bar {
  order: 2;
}

[Jessica]

Brilliant, worked perfectly. Thank you!

[Tom]

You’re welcome 🙂

[Author]

Posts