Footer Bar alignment on mobile

[King]

Hi, on a part of my footer (a small disclaimer which is the lowest bar) i had to add a left margin to bring it in line with the rest of the text on the pages. However on a mobile still is aligned left when i wish it to be central and it does not wrap well. I am using the latest PRO version and Wp v5.0.2. My site is: https://snhs.kirklees.sch.uk

Any ideas?

Thanks

[ruenel]

Hello Chris,

Thanks for writing in!

If you want to apply a margin only in desktop screens, please remove your margin settings and make it just 0. In the text element settings, find the “Customize” tab and then add this inline element css instead:

@media(min-width: 980px){
  $el {
    margin-left: 2em;
  }
}

This should could be applied to the text element only on desktop screens and on smaller screens, it will have the margin of 0.

Hope this helps. Please let us know how it goes.

[King]

Perfect. Thanks @RueNel.

[friech]

We are delighted to assist you with this.

Cheers!