Problem with slider on mobile.

Hi,

Please apply the below CSS code in custom CSS box and save the changes.

For show button on mobile –

@media only screen and (max-width: 480px) and (min-width: 200px){
.carousel-text .enigma_blog_read_btn {
    display: block !important;
font-size: 11px;
}
}

For reducing the font size –

@media(max-width:480px){
li.animated.fadeIn.desc_2 p{
font-size: 10px;
    line-height: 18px;
}
}

You can adjust the size as per requirement.

Thanks.

It works! Thank you very much!

I have another question and i don’t want to make a mess and create new post..

Can i somehow change the footer widget area background? I want it to look like head section above the menu.

I also want to change slider size, it’s too long, can I do it somehow?

Hi,

Please use the below CSS code in custom CSS box and save the changes.

For changing the slider height –

@media(min-width:1200px){
div#myCarousel img {
    height: 550px;
}
}
@media(max-width:768px){
div#myCarousel img {
    height: 400px;
}
}
@media(max-width:480px){
div#myCarousel img {
    height: 400px;
}
}

3) For footer widget area background color –

.enigma_footer_widget_area {
   background: #34495e !important;
}

Thanks