Mobile view of custom blog page

[gallagherBD]

Hello, I had reached out about getting CSS from you with reference to formatting a post page. The intention was to have the featured image float to the right.

Here was the response:

.single .entry-thumb {
    width: 50%;
    margin-right: 3%;
    float: right;
} 

I want you to change it to:

.single .entry-thumb {
    float: left;
}

My question is this, can we teak the css to make it so the mobile view is more friendly?

Here is a link to one of the posts.

HAI STREET - Petrill Construction Management

Thanks!

[tristup]

Hi @gallagherBD,

Thanks for reaching out.
You can change the position of the featured image by adding that. Can you please explain what do you mean by mobile view is more friendly? If you want this to add only on mobile you need to add the custom CSS code with the specified screen size so it can be only applied in that specific size.

@media (max-width: 480px)
{
    .single .entry-thumb 
    {
        float: left;
    }
}

If that is not the case and you are trying to point out something else, please provide any screenshot marked with the issue or any video that helps us to recognize the problem.

Thanks