<div>
Thank you for the info. &nbsp;<br />
<br />
We need to have the social icons appear on all sizes of media. &nbsp;Could I use the show class? &nbsp;
<pre><code id="code-20-42056338-1">.show {
  display: block !important;
}</code></pre>
</div>


Thank you for the info.  

We need to have the social icons appear on all sizes of media.  Could I use the show class?  

.show {
  display: block !important;
}

<div>
can anyone assist me? &nbsp;I am flying blind here.
</div>


can anyone assist me?  I am flying blind here.

<div>
This question has been closed - if you need further assistance I suggest you open another question (you can refer to this one from the new one if it is relevant).
</div>


This question has been closed - if you need further assistance I suggest you open another question (you can refer to this one from the new one if it is relevant).

<div>
<div class="content wysiwyg-content">
We just added social media icons to right sidebar on this test page. &nbsp;Site was built using boostrap which I am not that knowledgeable with.<br />
<br />
<a href="http://wiplastic.com/test.html" rel="ugc">http://wiplastic.com/test.html</a><br />
<br />
How do I get the icons to display on ALL screen sizes? &nbsp;They are floated left now. &nbsp;I tried adding the float left property 
<pre><code id="code-10-29010312-1"> .float_left {
      
      float: left;
      margin-right: 8px;
	  margin-bottom:10px;
      
    }</code></pre>
 to the 
<pre><code id="code-10-29010312-2">@media (max-width: 200px)
	}</code></pre>
 section on the wiplastic2.css file but it didn't work.
</div>
</div>


We just added social media icons to right sidebar on this test page.  Site was built using boostrap which I am not that knowledgeable with.

http://wiplastic.com/test.html

How do I get the icons to display on ALL screen sizes?  They are floated left now.  I tried adding the float left property (CODE) to the (CODE) section on the wiplastic2.css file but it didn't work.

social media icons disappear on small screens

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.

Responsive Web

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

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.

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.