Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15686

    Hello,

    I hope, someone can help me :) This Theme is really great and the most things are working fine. But on small mobile devices (width 320px) the latest posts widget on a static page shows a too big picture left and the text very small on the right. At http://www.f-thies.de/Grafik/choices_mobile_320px.png you can find a screenshot, who shows, what I mean.

    I can use css to show no pictures on small mobile displays, but thats not perfect. So is there a solution, how I can reduce the image size only on small displays?

    Thanks a lot

    Frank

    #88589

    Hi,

    You can use media queries on your custom.css.

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

    .responsive .title_container #s{ width:80%; }
    }

    Inspect the element, and put the adjustments inside the mobile media query.

    Regards,

    Ismael

    #88590

    Thanks a lot Ismael!

    I’m so stupid, that is really easy, Now I added to custom.css:

    Code:
    @media only screen and (max-width: 479px)
    {
    .responsive ul.image_size_portfolio_small .news-thumb
    {
    width:30%;
    }
    .image_size_portfolio_small .news-link
    {
    margin-right:3px;
    }
    .image_size_portfolio_small .news-thumb, .image_size_portfolio_small .tweet-thumb img, .image_size_portfolio_small .news-thumb img
    {
    width:40px;
    min-height:40px;
    }
    }

    and everything is fine. Thanks again for this great help

    Bya

    Thies

    #88591

    Hey,

    Glad we could help. :)

    Regards,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Problem with latest posts widget on static page (mobile device)’ is closed to new replies.