Docs

[Danb3434]

Hi there,

I have resized my thumbnails in the category pages using the following:

.entry-featured {
position: relative;
padding: 5;
width: 350px;
float: none;
margin: 20px auto;
}

However, on mobile devices the image is shifted slightly to the right instead of resizing/being centered.
You can see the site here:
http://brewconductor.com/brewing/ingredients/hops/

Any advice would be great,
Dan

[Danb3434]

You can see the page here:
http://brewconductor.com/brewing/ingredients/hops/

Thanks!

[Jade]

HI Dan,

Please try this code:

.entry-featured {
    position: relative;
    padding: 5;
    width: 350px;
    float: none;
    margin: 20px auto;
}

@media (max-width: 480px) {
    .entry-featured {    
        width: 100%
    }
}

Hope this helps.

[Author]

Posts