WidgetKit Slider Issues

[Nancy McCord]

I am having trouble with the home page slider. I have followed the instructions completely, loaded and pointed to the flat responsive stylesheet and still my slider is bad. I have 2560 by 600 images in and finally I have the slider working, but there is a very large grey section under the slider and before the call to action. You can see in this link the issue. How do I close that giant gap and get the image to sit on the breadcrumb.http://www.imagineinsadv.com/

[Nancy McCord]

Hi Support,
I have fixed my desktop issue, it was a situation of image aspect ratio and as I am using the layout that is around 1200 pixels wide what worked for me was an image 2560 by 1075 not 2560 by 600 as listed in the documents.
BUT.. on my mobile device the banner sites at the top and then there is a huge space and then my call to action. I have to close that gap for mobile and tablet or do a work around to not show the slider on those devices.

Do you have any suggestions? When I make the image 2560 by 1555 on the desktop it covers the call to action.

Suggestions please?

[Binaya D]

Hi Nancy,

Please use the following css to fix your issue;

#fr-banner {
    height: auto !important;
}

NOTE: Please use the child theme style.css or custom css plugin to write the css.

Thanks

[Nancy McCord]

That fixed it! Thank you so much.

I added
#fr-banner {
height: auto !important;
}
to the child style sheet and refreshed and both tablet and smartphone now are right!

Thank you, thank you, thank you!!!

[Binaya D]

Hi Nancy,

You are welcome! Feel free to contact us whenever you need help. Have a nice day!

Thanks

[Author]

Posts