Fixed Price Projects          Flexibele IT oplossingen

Software op maat              Web Applications

Je wil het design responsive maken maar refereert dikwijls naar 3e party code (zoals de facebook plug-ins)

Het is nogal lastig om externe code te sturen en is soms beter om de hele plug in niet te tonen als er gesurfd wordt via een mobiel apparaat

Daarom deze eenvoudige oplossing:

 

<style>

media screen and (min-width: 0px) and (max-width: 720px) {
#facebook { display: none; }
.mobile-hide{ display: none; }
}

</style>

<div id="facebook" class="fb-like-box mobile-hide">
... 3e party plugin
</div>

Categorie: CSS, DESIGN
Actions: E-mail | Permalink |

waardering