Hot carousel responsive heading and text problem

Hi!

I have installed the Hot full carousel module (used in Hot Justice) to my Hot Academy template. Now, I have trouble making the title and the text of the carousel to adapt when resizing a window as it does in the Justice demo. I used the Justice hot start to configure the carousel but was unable to properly enter (or copy) responsive css code to make it responsive. I have copied a css code regarding the hero-carousel from template_css.css of the Justice template to the Academy template. I doesn't seem to do the trick. I would sincerely appreciate your advise on the matter.

kreatikgroup.si/kronaplus/

Regards!

UG1

Hello, welll thing that you see responsive in demo is search module, hot full courasel is not made to have responsive textbox, but you can try with this, putting on bottom of your template_css.css (it's style of search module):


@media (max-width: 800px) {
.hero-carousel article .contents{
position: relative;
top: 20px;
left: 0;
width: 100%;

}

}

Thanks,

that did the trick for the text - content. Is there a way to make Title smaller as well?

.hero-carousel article h2

You have that option in heading text size in module options > module style tab.

Regards

I ment for h2 to resize @media (max-width: 800px)

Yes, you can do that just put

.carousel-article .contents h2{
font-size: 10px!important;
}

in @media block you want. Of course, change the values to that what you want and feel free to put some extra property.