Featured image Positioning on Tablet screens

Hi there,

Any chance you can link me to your site as it is currently? This should all be possible with some custom CSS ??

Ok. I did just that. i equally linked the thread.

Hi there,

For the featured image, try this:

@media (min-width: 600px) {
    body.post-image-aligned-right .inside-article .post-image {
        margin-top: 0;
        margin-left: 2em;
        float: right;
        text-align: right;
    }
}

For the sidebars, try this:

@media (max-width: 1000px) {
    .sidebar, .content-area, .inside-footer-widgets>div {
        float: none;
        width: 100%;
        left: 0;
        right: 0;
    }

    #main {
        margin-right: 0;
        margin-left: 0;
    }
}

Let me know if this helps or not ??

Good. The Featured imaged aligns properly.

– The only thing left now is the margins that push everything inwards and make the container cards smaller

Ah, try adjusting your #main code above to this:

#main {
    margin-right: 40px;
    margin-left: 40px;
}

Perfect.

– One tweak left. the widget area is full width and not falling inline.

• This reply was modified 6 years, 3 months ago by michaelgof.

Try adjusting it to this:

#main,
.sidebar {
    margin-right: 40px;
    margin-left: 40px;
}

Thanks. It worked. Thanks a lot for all the support

You’re welcome ??