Support ForumMoving Slidable navigation – Support Forum

Moving Slidable navigation

axeldev — Tue, 17 Sep 2013 15:05:33 +0000

Hello,

I have another request – if possible to move the navigation from bottom right to top right. I expect I need to go into the function itself to reorganise the elements, but I’m not sure which file drives this feature?

Many thanks

Reply To: Moving Slidable navigation

IshYoBoy — Tue, 17 Sep 2013 16:33:12 +0000

Hi,

Could you please explain it a little more?
If possible add a link to the page and a screenshot so we could better understand what you mean. Thanks

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: Moving Slidable navigation

axeldev — Tue, 17 Sep 2013 16:48:28 +0000

Hi,

Sorry my message was a bit rushed, I’ll send you a link by email.

Cheers

Reply To: Moving Slidable navigation

IshYoBoy — Tue, 17 Sep 2013 17:14:13 +0000

Hi,

Thanks for explanations. As we already mentioned in the e-mail we did not read that we’re talking about the [slidable] shortcode.

You can do this very easily by adding a little “Custom CSS” in the “Custom CSS” field under Theme Options. Try adding:

.flex-control-nav{
	position: absolute;
	top: 0;
	right: 0;
}

.flex-control-nav{

position: absolute;

top: 0;

right: 0;

}

You might also want to add a margin-top to the whole slidable container and move the navigation even more to the top by setting a negative number for the “top” property.

Please note the code above will make this change to all slidables within the whole webpage. If you wish to do it only on some, you can use the “css_class” attribute of the shortcode, add a custom class and then use it to style it.

E.g.:

[slidable … css_class=”axel-top-nav”]

and the CSS would be:

.axel-top-nav .flex-control-nav{
	position: absolute;
	top: 0;
	right: 0;
}

.axel-top-nav .flex-control-nav{

position: absolute;

top: 0;

right: 0;

}

From this point just add the “axel-top-nav” css_class to the slidables you need to have the navigaton on top.

P.S.: Make sure to test it on different browsers and browser sizes before ;)

Hope the answer was clear enough.
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: Moving Slidable navigation

axeldev — Tue, 17 Sep 2013 20:27:24 +0000

Hello

Fantastic, you guys are awesome!

It looks great and fits my site perfectly. I might try tweaking things a bit but overall, this is exactly what I was looking for.

Thank you so much for your detailed (and quick) reply!

Cheers

Reply To: Moving Slidable navigation

IshYoBoy — Wed, 18 Sep 2013 06:13:43 +0000

Thanks Axel,

We’re glad it did the trick ;)

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