Clear and bold blog's feature images no responsive


#1

The featured images in the blog are not responsive, they destroy the navigation between devices and it’s the only problem I had with Jupiter theme.

How can I make the featured images work in all devices? What is the best size for the feature images?


#2

Hello,

Please share the post link where the issue persists.

Thank you.
Best regards,
Artbees Support.


#3

All entries of my blog, I will show you some examples of my web in progress:

I’m using the following CSS to don’t show the title and the overlay and, meanwhile I have not solution to responsive featured image, center the feature image:

.mk-blog-single .blog-single-title, .mk-blog-hero .content-holder .the-title {
display: none!important;
}

.mk-blog-hero.bold-style::before {
background-color: #000;
opacity: 0!important;
}

.mk-blog-hero{
background-size: cover!important;
background-position: center center!important;
}


#4

Hello,

Please try this code in Theme Options > Advanced > Custom CSS:

@media (max-width: 480px){.mk-blog-hero.bold-style {
    min-height: 200px !important;
}}

Thank you.
Best regards,
Artbees Support.


#5

It’s working fine!!! Thank you so much!

Do you know what’s the best size for the feature image?


#6

Hello,

You’re welcome.

You need use high resolution images, the minimum required sizes are 500px * 500px.

Thank you.
Best regards,
Artbees Support.