Struggling with mobile footer

The issue is that the HTML SS generates for the text block is the following.

<p style="text-align:center;white-space:pre-wrap;" class=""><a href="/home">HOME</a>        <a href="/autos">AUTOMOBILES</a>        <a href="/news">NEWS</a>        <a href="/#services">SERVICES</a>        <a href="/contact">CONTACT</a>        <a href="/about-brine">ABOUT</a></p>

The white-space property has the value pre-wrap which means preserve the white space when wrapping.

So you'll need something like the following to stop white space preservation.

#block-yui_3_17_2_1_1649176964557_3402 p {

  white-space : unset !important;
  
  }

You may want to wrap in a media query or even control the space between items yourself.

Let us know how it goes.