Need Html advice and help

[Ken_Shea]

The layout looks great on desk top but not on a mobile.

I want the sad face+ text + sad face to be first line and not to left of pictures.

Is this something that can be accomplished with html in the source code?

<p><strong><img alt="sad" src="https://cdn.ckeditor.com/4.6.2/full/plugins/smiley/images/sad_smile.png" style="height:23px; width:23px" title="sad" />KITS CANNOT BE SHIPPED TO CA<img alt="sad" src="https://cdn.ckeditor.com/4.6.2/full/plugins/smiley/images/sad_smile.png" style="height:23px; width:23px" title="sad" /></strong></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:12px"><strong>VERY IMPORTANT PLEASE READ:</strong></span><br />
Changes in Hi-Points design and manufacturing of these carbines over the years require different conversion kits. To insure proper fit and/or function on your rifle, <strong>serial numbers are now required</strong>, my apologies but there are no exceptions.</p>

<p>&nbsp;</p>

<p>During the checkout process there is a comment section where you can enter your serial number or you can enter it in a reply to the order confirmation you will receive once ordered, or you can email <strong>[email protected]</strong> be sure refference your order number..<br />
<br />
This is a great DIY direct fit to upgrade the original 995 Carbine to have the exact same stock as the new 995TS.<br />
Provides multiple rails to mount accessories.<br />
<br />
Once installed see the 995TS page for other upgrade options for this.</p>

 

[Jack_mcs]

You need to assign a css class to the first p tag and then change the class details with a media command. Something like this:

@media (max-width: 640px) {
p.smiley {clear:both;}
}

and

<p class="smiley"><strong><img alt="sad"

Instead of the images, I suggest using font awesome.

[Ken_Shea]

35 minutes ago, Jack_mcs said:

You need to assign a css class to the first p tag and then change the class details with a media command. Something like this:

@media (max-width: 640px) {
p.smiley {clear:both;}
}

and

<p class="smiley"><strong><img alt="sad"

Instead of the images, I suggest using font awesome.

Thanks much Jack, I'll see what I can do.

[ChristopherFisher]

Hello Ken, could you do it using CSS?