Unable to setup slider

Hello, @megha2023!

First, you need to enable the Slider from the
Customizing->Slider->General menu.https://prnt.sc/qujduj

Then add your images and customize the title and links from the Customizing->Slider->Slide#1(#2) menu.
https://prnt.sc/qujduj

I hope this helps you.

Regards

Yes that option is already enabled. I have uploaded an image also. But its not displaying in front.

Hello, @megha2023!

Navigate to Customizing->Slider->General menu and try to set the “Visibility” to “Front Page”

https://prnt.sc/quzjnm

Regards

Slider is displaying perfectly. Thank you!

Is there any way to display only one slide? I just want a single image for now. Right now 2 slides are being displayed.

Also I would like to have some space for content between slider and 3 boxes. How can I do that?

Thanks

• This reply was modified 5 years, 1 month ago by Camilie.

Hello, @megha2023!

I see you already found a way to solve the problem with the slider(using the same image for both slides).
If you want to disable the slide text animations and hide the arrows and slide loader, insert the following code into Customizing->General->Additional CSS:

h2.slide-title,
.animated,
.cameracurrent{
    opacity:1!important;
    display: block!important;
    animation: none!important;   
}
.camera_bar,
.camera_next,
.camera_prev{
    display: none;
}

to increase the space between the slider and FrontPage Boxes, additionally, insert the following code at the same place:

.vision-row {
    padding-top: 100px!important;
}

Change the Padding-top value per your wish.

Regards

Appreciate your quick response. By space I mean I want to add some text in between slider and front boxes. So how can I can do that.

Thanks

Please reply to my query ASAP. I want to add some text between slider and frontboxes. How can I do?

Hello,@megha2023!

Unfortunately, only the heading is allowed(as you already have).
If you want to add more content above the Frontpage Boxes, disable the Front Page Boxes, and create your Homepage using the Elementor Page builder.
(It’s very easy to create the FrontPage Boxes using the Elementor).
Icon Box Element Tutorial
I hope this will help you.

Regards

Hello @megha2023,

In the next theme update, we will implement proper hook actions for purposes like yours where you will be able to attach a custom function into the header area from the child theme.

Best Regards

Hello,

Slider is not mobile compatible. The image doesn’t display in responsive manner on mobile. Kindly check and help me.

Thanks,

Hello, @megha2023!

Insert the following code into Customizing->General->Additional CSS:

@media only screen and (max-width: 992px) {    
.camera_wrap img{
 width:100%!important;
 height:auto!important;
 margin:0!important;
 top: 50%;
 transform: translateY(-50%);
}
h2.slide-title{    
    font-size:5vw!important;
}
#agama_slider a.button{
    font-size:2vw!important;
    }
}

Regards

Hello,

I am unable to find out the reason of extra space between slider and the welcome text when viewed in mobile. Kindly help me with the issue.

Thanks

Hi, try next code:

@media only screen and (max-width: 992px) { 
 #page{
  transform: translateY(-5%)!important;
    }
.vision-row {
    padding-top:0px!important;
    }
}

Regards

Hello,

Your latest version has banner image but it is not mobile responsive. Kindly help me to make it responsive.

Thanks