• Hello,
    I would like to have the post image and the post title centered in the overview view in the mobile version. Which code do I have to use for this?

    Thx in advance.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • ying

    (@yingscarlett)

    Hi there,

    You have this CSS, the tablet one is overriding the mobile one, you need to change the media query from @media (max-width: 921px) to @media (max-width: 921px) and (min-width: 545px) to make both work.


    /* POST IMAGE ON MOBILE */
    @media (max-width: 544px) {
    .post-image {
    float: none !important;
    }
    }

    /* POST IMAGE ON TABLET */
    @media (max-width: 921px) {
    .post-image {
    float: left !important;
    }
    }

    Add this CSS:

    @media(max-width: 544px) { 
    .blog .inside-article .post-image img {
    width: 100%;
    }
    .blog .inside-article .post-image {
    margin-right: 0;
    }
    .blog .inside-article header.entry-header {
    text-align: center;
    }
    }
    Thread Starter Chigolo

    (@fitnsexy)

    Thx for your help and fast reply.

    I’ve changed the first code and the second one fits well.

    Great support for a free an genius theme!!

    ying

    (@yingscarlett)

    Thank you 🙂

    Glad to hear that!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Centered post image & title (mobile version)’ is closed to new replies.