Hi I added this code in functions.php
add_filter( ‘generate_featured_image_output’, function() {
return sprintf(
‘
%2$s
%1$s
‘,
get_the_post_thumbnail(
get_the_ID(),
apply_filters( ‘generate_page_header_default_size’, ‘full’ ),
array(
‘itemprop’ => ‘image’,
)
),
apply_filters( ‘generate_inside_featured_image_output’, ” )
);
} );
And …
.generate-columns .inside-article {
position: relative;
}
.generate-columns a:before {
content: “”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
added this above code in css
and removed this below code from css
.generate-columns .inside-article {
position: relative;
}
.generate-columns a:before {
content: “”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
On deskstop everything is fine. But on phone the homepage is broken and there is a gap on the lest side. SO it’s not repsonsive anymore on Mobile phones