social media icons disappear on small screens

nsitedesigns
nsitedesigns used Ask the Experts™
on
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
 .float_left {
      
      float: left;
      margin-right: 8px;
	  margin-bottom:10px;
      
    }

Open in new window

to the
@media (max-width: 200px)
	}

Open in new window

section on the wiplastic2.css file but it didn't work.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
The icons are being hidden with the hidden-xs class that is applied to the container

<div class="hidden-xs col-xs-4 spacer_trio">

Open in new window


You can read more about them here http://getbootstrap.com/css/#responsive-utilities-classes

Removing that class will ensure the icons display on a small screen but you might need to play with the styling to get the layout right.

Author

Commented:
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;
}

Open in new window

Author

Commented:
can anyone assist me?  I am flying blind here.
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
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).

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial