Support ForumSlidable Navigation within Accordion – Support Forum

Slidable Navigation within Accordion

njbauer917 — Wed, 26 Feb 2014 21:56:08 +0000

Hello,

My client had me utilize the Accordion to display their different services. Within each Accordion Item there is a slidable slider with images/videos for that particular service. I’m running into 2 problems.

1. If I choose to display the navigation on the slider then the little circles are displaying vertically instead of horizontal which I assume has something to do with the fact that it is in the accordion, but I can’t figure it out.

2. The other problem is that if you click on an image to bring up the fancybox lightbox it will scroll through all of the images on the page as opposed to just the images for the particular service. Is it possible to change this?
Edit: (please, do not group several issues in one topic)

Here is the page in question: https://ipg.hightowergraphics.com/services/

I appreciate your help.

Reply To: Slidable Navigation within Accordion

IshYoBoy — Thu, 27 Feb 2014 08:24:10 +0000

Hey,

1. Unfortunately we do not see the circles. Please make a duplicate of the page and provide the link if you don’t want to have the circles shown on the given page. We need to see it in action in order to debug it and provide a fix. Thanks

Please do not group several problems in one topic as it will be hard to find the solutions for the other users. May we ask you to open the second question as a separate topic?

Thanks

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Slidable Navigation within Accordion

njbauer917 — Thu, 27 Feb 2014 13:13:02 +0000

Sorry about that. I sent the wrong link. Below is the correct link showing the vertical navigation.

https://ipg.hightowergraphics.com/accordion-test-page/

Thanks.

Reply To: Slidable Navigation within Accordion

IshYoBoy — Thu, 27 Feb 2014 16:55:46 +0000

Hey,

Please try adding the following CSS into your child theme’s css or into the the “Custom CSS” field in Theme Options:

.acc-content .flex-control-nav li {
	display: inline-block;
}

.acc-content .flex-control-nav li {

display: inline-block;

}

.acc-content .flex-control-nav li {
	display: inline-block !important;
}

.acc-content .flex-control-nav li {

display: inline-block !important;

}

This should fix it ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Slidable Navigation within Accordion

njbauer917 — Thu, 27 Feb 2014 17:50:21 +0000

That fixed it! Thank you.

Reply To: Slidable Navigation within Accordion

IshYoBoy — Thu, 27 Feb 2014 17:59:01 +0000

Glad we could be of a help!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market