I put this code in the Themeforest X Theme Custpm and regenerated all of the images but still get mobility errors from Google, plus the text is to the right of the image. Here is my code:
.large-catablog-thumbnail img {
width: 100%;
height: 250px;
}
.single-catablog-items .x-sidebar {
display: none;
}
body.single-catablog-items.x-content-sidebar-active {
padding-right: 0;
<—-@Media was here
.catablog-row {
height: auto !important;
min-height: 300px;
width: 100%; <—–this is what you need to change
}
//////////////////////////////////
.catablog-images-column {
width: 25%; <—–this is what you need to change
}
///////////////////////////////////
.catablog-image {
width: 25%; <—–this is what you need to change
}
////////////////////////////////
.catablog-row .catablog-images-column .catablog-image img {
float: none;
max-height: none;
max-width: 100%; <—–this is what you need to change
min-height: 0;
min-width: 0;
}
///////////////////////////////
.catablog-description {
margin: 0 0 0 25%; <—–this is what you need to change
}
///////////////////////////////
.catablog-title {
margin: 0 0 0 25% !important; <—–this is what you need to change
}
Thank you.
