Request a quote button - how to fix

stvoutlk

On the joomlart site - JA Alpha displays a Request a Quote Button. When the Screen resolution changes to an ipad the "Request a Quote" button displays a ticket icon. How do I incorporate the icon into my head-cta module?

Currently, my site when the screen resolution is reduced. It displays an empty "request a quote" button. see attached picture.

Ninja

stvoutlk
Hi
It is custom html module that show both

<div class="custom">
	<a href="/index.php/contact" title="Request A Quote" class="btn btn-outline-primary">
  <span class="d-none d-hd-block">Request A Quote</span>
  <span class="d-block d-hd-none"><i class="fas fa-ticket-alt"></i></span>
</a></div>

The text has css class d-none that hide it from small screen.

  <span class="d-none d-hd-block">Request A Quote</span>

And icon has this code

  <span class="d-block d-hd-none"><i class="fas fa-ticket-alt"></i></span>

with class d-hd-none that hide it from PC.

stvoutlk

It worked provided that I changed my Joomla editor to code mirror.

Ninja

stvoutlk
Hi
The icons nor saved by the editor so you have to set the editor NONE or default.