Centered post image & title (mobile version)

Chigolo
(@fitnsexy)

1 year, 2 months ago

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)

(@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;
    }
}