article highlight image on mobile, how to change position?

  • racso10

    (@racso10)


    10 years ago

    hello, i really like the default setting of customizr which has a right-left pattern for each article’s highlight image but when it turns to mobile this pattern becomes up and down and its really ugly, somebody can help me changing it to a only -highlight image before article- on mobile pattern? thanks very much

Viewing 4 replies - 1 through 4 (of 4 total)
  • Rocco Aliberti

    (@d4z_c0nf)

    10 years ago

    You can use the css way of this snippet:
    http://www.themesandco.com/snippet/movehide-post-images/

    but with media queries.

    Thread Starter racso10

    (@racso10)

    10 years ago

    i followed your suggestion and wrote in style.css file of the child teme

    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
    /* Thumbnail Left */
    .post .tc-thumbnail {
    float: left;
    /* margin-left: 0px; */
    }
    /* Post Content Right */
    .post .tc-content {
    float: right;
    }
    }

    code works on iphone and ipad but not on my xperia smartphone (android 4.3) do u know why??

    Rocco Aliberti

    (@d4z_c0nf)

    10 years ago

    Maybe it has a higher resolution?

    rdellconsulting

    (@rdellconsulting)

    10 years ago

    Just found this:

    @media screen and (-webkit-device-pixel-ratio:3) {
    body {font-size: 250%}
}

    here

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘article highlight image on mobile, how to change position?’ is closed to new replies.

Tags