<div>
I will. &nbsp;Where do I place this code?
</div>


<div>
This is a css code only.<br />
So you just have to place it in the css file only, like you would do with any other css code.<br />
<a href="https://www.w3schools.com/css/css3_mediaqueries.asp" rel="ugc">https://www.w3schools.com/css/css3_mediaqueries.asp</a>
</div>


This is a css code only.
So you just have to place it in the css file only, like you would do with any other css code.
https://www.w3schools.com/css/css3_mediaqueries.asp [https://www.w3schools.com/css/css3_mediaqueries.asp]

<div>
It didn't seem to work. &nbsp;Thank you for trying though! &nbsp;Any other thoughts?
</div>


It didn't seem to work.  Thank you for trying though!  Any other thoughts?

<div>
Actually...it did work!! &nbsp;Thanks!!
</div>


<div>
<div class="content wysiwyg-content">
I am trying to make my mobile website more appealing to view on mobile.<br />
<br />
The page I am trying to make more appealing is my order page.<br />
<br />
I don't need a robust looking website - just want it to look a little better on a phone. &nbsp;Attached is a screen shot on the phone. &nbsp;The words don't wrap well on the lines...<br />
<br />
The website is <a href="http://hardfuelmeals.com/order/" rel="ugc">http://hardfuelmeals.com/order/</a><br />
<br />
Any ideas? &nbsp;I am not a programmer which is why I use wordpress. &nbsp;I have heard CSS can help with things like this. &nbsp;Possibly even a simple snippet of code?<br />
<a href="https://filedb.experts-exchange.com/incoming/2017/02_w07/1145786/Screenshot_20170217-210954.png" target="_blank" class="file-inline" title="Mobile Screenshot (408 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>Screenshot_20170217-210954.png</a>
</div>
</div>


Screenshot_20170217-210954.png

I am trying to make my mobile website more appealing to view on mobile.

The page I am trying to make more appealing is my order page.

I don't need a robust looking website - just want it to look a little better on a phone.  Attached is a screen shot on the phone.  The words don't wrap well on the lines...

The website is http://hardfuelmeals.com/order/

Any ideas?  I am not a programmer which is why I use wordpress.  I have heard CSS can help with things like this.  Possibly even a simple snippet of code?

Easy way to make text fit better in a mobile version of a website

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Mobile

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL for creating websites and blogs. Features include a plugin architecture, a template system and strong management, customization and search systems; through its dynamic presentation of content, webmasters have the flexibility to create websites easily.