[Resolved] How can I Align featured Image to the Left for mobile devices and tablets ?

[Siddek]

Hi,

I have purchased “GP premium” and The featured Image on my blog posts in homepage is left aligned. While it looks great on desktop, it does not look good on mobiles and tablet.

How can I Align featured Image to the Left for mobile devices and tablets ? i tried lots of CSS codes from the help forums, none of them worked.

My webite: upassamjob.com . I want to make my posts featured Images for mobile devices look like this web site – assamcareer.com .

Please have a look on this Screenshot. (Indian oil Logo)- https://prnt.sc/l7yljw

Please help.

[David]

Hi there,

try this CSS:

@media (max-width: 768px) {
    .post-image-aligned-left .inside-article .post-image {
        margin-right: 2em !important;
        float: left !important;

    }
}

[Siddek]

Hi David, It works. Thanks.
How can I align the “Read More” button to right or left for mobile devices and desktop?

[Leo]

Try this CSS:

.read-more-container {
    text-align: right;
}

[Siddek]

Great man! thanks guys, it works.

[Leo]

Glad we could help 🙂

[Author]

Posts