html - How do I position these images under the logo when scaling down to be responsive? -


i have section in header on right side scales down fine exception of how right block of images moving. images resize fine, once begin scale down, push logo div , placed above it.

how can position them place under logo , line accordingly while staying in header , without turning display none when reach screen size?

here link jsbin of images/badges. live site in wordpress , code post. maybe if use firebug or dev tools.

this live version of site.

also sidenote: have -190px margin enabled on live site.

here screenshot referenceenter image description here:

i managed fix issue. added separate media query so:

    @media screen , (max-width: 479px) {      .badges-container {     position: relative;     text-align: center;     margin-top: 0px      }      .badges img {      width: 19%; }    

Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

firemonkey - How do I make a beep sound in Android using Delphi and the API? -