WordPress adding line breaks to widget text

Updated to WP 4.8 yesterday and all seemed well until I edited the content of one of my widgets.
This is the code within the widget:

<p class="al-c"><a class="andy-menu" title="Go to the home page of The Working Sheepdog Website" href="https://www.workingsheepdog.co.uk/">Home</a>
<a class="andy-menu" title="MEMBERS – Log into your account to watch our Online Sheepdog Training Tutorials" href="https://www.workingsheepdog.co.uk/wp-login.php">LOGIN</a>
<a class="andy-menu" title="Become a member to watch our online sheepdog training videos" href="https://www.workingsheepdog.co.uk/signup-for-our-sheepdog-training-tutorials/">Signup</a>
<a class="andy-menu" title="Go to the full menu for this website" href="#footer-menu">MAIN MENU</a>
<a class="andy-menu" title="Use this form to get in touch with us" href="https://www.workingsheepdog.co.uk/contact-us/">Contact us</a>
<a class="andy-menu" title="Go to the top of this page" href="#top">Top</a></p>

When I checked one of the pages, the Menu buttons appeared one on top of the other, instead of across the page. I used “inspect element” in Safari to check the html and this is what I saw:

As you can see, WP has added line breaks between each link even though I added the HTML in the Text Tab and not the Visual tab. I also use the RAW HTML plugin and have “Automatically correct XHTML” unchecked in settings.

I tried deleting the content of the image deleting the cache and adding fresh text, but the same thing happened. This widget appears on nearly every page of the site, so I’ve had to import a backup database to put it right.

For this reason, there’s no point in giving you a url, but the site is https://www.workingsheepdog.co.uk if you’d like to see it.

We have another site using the same WP version and with exactly the same widgets etc. The menu buttons are fine on that site because I have not tried to edit them.

• This topic was modified 7 years, 5 months ago by andynick.