Advanced Content Module - Images

crouton4

Is there a way of showing an image on smaller screens? The image on the right is easily visible on a desktop or Macbook,

I'm using the Advanced Content Module Features Intro Style 4

Thanks in advance for the help,

Steve

saguaros

Hi Steve,

The hero image in this block is hidden in screen size smaller than 1200px:

@media (max-width: 1199.98px){
.acm-hero .hero-image {
    display: none;
}
}

You can override this css rule to show that image.

crouton4

saguaros

Thanks for the reply. I'm assuming that the correct CSS should be related to the Features and not Hero.
Is that correct.
@media (max-width: 991.98px)
.acm-features .style-1 .features-background {
display: none;
}

However, when I put that in the CSS it is not showing up on the front end.,

Steve

saguaros

Hi Steve,

It should be the hero section, you can try with this override css:

@media (min-width: 768px) and (max-width: 1199.98px){
.acm-hero .hero-image {
    display: block !important;
}
}

you can change the media queries with the screen size you want to show the image.