Siarhei Lobach
asked 10 years ago

Thumbs images in portfolio section is stretched to 700 pixels, when decreasing the size of the display screen or when I use the tablet. What’s wrong?
site: http://paspartu.ramka.by/#portfolio
screenshoot: http://paspartu.ramka.by/img/2014-05-24_214858.jpg
(looked in IE10, Chrome 35.0.1916.114, Samsung Galaxy tab 10.1)

1 Answers
Wilfred
answered 10 years ago

Hi Siarhei,
The devices have resolution that is lower than 767px, we will use the style of the mobile, known as responsive style. Therefore, the thumbnail in the portfolio section is 100 % width. If you want to limit the width of the thumbnail in the section when the devices have resolution lower than 767 px, try adding the following code to Dashboard / Appearance / Customizer / Custom code / Header code

<style>
@media (max-width:767px) {
body #main .portfolio .block {
max-width: 240px;
margin-left: auto !important;
margin-right: auto !important;
}
}
</style>

Hope this helps!  

Siarhei Lobach
replied 10 years ago

Yes! It work!
Thank you Wilfred.

Powered by DW Question & Answer Pro