Добрый день. Есть сайт на Вордпресс и нужно в него под главным меню разместить такой себе слайдер новостей (просто текстовые заголовки которые по кругу крутиться будут).
Нашел плагин который достаточно просто настраивается и с помощью php кода все как надо выводит - Ditty News Ticker

Но проблема оказалась в том, что слева от заголовков которые будут крутиться нужно написать: НОВОСТИ и чтобы все это в 1 строку отображалось на десктопах и убиралось/адаптировалось на мобильных устройствах. Сайт адаптивный.

вот код которым я пробовал все решить:
<div id="newsticker" style="color: #ffffff; white-space:nowrap; width:100%; float: left;"><div style="display:inline-block; margin-right:5px; width:10%;"><strong>НОВОСТИ:</strong></div><div style="display:inline-block; float: left; width:100%;"><?php if(function_exists('ditty_news_ticker')){ditty_news_ticker(2535);} ?></div></div>

Но к сожалению на десктопах отображается в две строки, как:
Новости:
перелистывающиеся заголовки новостей

А на мобильных устройствах, слово "Новости" выравнено по центру, а заголовки также по центру и уходят вправо в небытие ))

Прошу помощи у верстальщиков. Как реализовать задуманное?
Спасибо