Hello,
[sb_private_reply]We really apologize about the Delay in replying to your Queries.[/sb_private_reply]
- Please consider replacing your Existing Top Bar Code with the following code:
...
...
This will definitely work fine. Additionally, find the #top-social, Line in the css/responsive.css File and delete it.
- Simply add the following CSS Code:
.device-xs #footer .footer-widgets-wrap,
.device-xxs #footer .footer-widgets-wrap { padding-bottom: 0; }
- This is Definitely Possible. However, some changes is required. Please find the loadFlexSlider: function() Function Block in the js/functions.js File and replace the entire Function Block with the following code:
loadFlexSlider: function(){
if( !$().flexslider ) {
console.log('loadFlexSlider: FlexSlider not Defined.');
return true;
}
var $flexSliderEl = $('.fslider:not(.customjs)').find('.flexslider');
if( $flexSliderEl.length > 0 ){
$flexSliderEl.each(function() {
var $flexsSlider = $(this),
flexsAnimation = $flexsSlider.parent('.fslider').attr('data-animation'),
flexsEasing = $flexsSlider.parent('.fslider').attr('data-easing'),
flexsDirection = $flexsSlider.parent('.fslider').attr('data-direction'),
flexsReverse = $flexsSlider.parent('.fslider').attr('data-reverse'),
flexsSlideshow = $flexsSlider.parent('.fslider').attr('data-slideshow'),
flexsPause = $flexsSlider.parent('.fslider').attr('data-pause'),
flexsSpeed = $flexsSlider.parent('.fslider').attr('data-speed'),
flexsVideo = $flexsSlider.parent('.fslider').attr('data-video'),
flexsPagi = $flexsSlider.parent('.fslider').attr('data-pagi'),
flexsArrows = $flexsSlider.parent('.fslider').attr('data-arrows'),
flexsThumbs = $flexsSlider.parent('.fslider').attr('data-thumbs'),
flexsHover = $flexsSlider.parent('.fslider').attr('data-hover'),
flexsSheight = $flexsSlider.parent('.fslider').attr('data-smooth-height'),
flexsUseCSS = false;
if( !flexsAnimation ) { flexsAnimation = 'slide'; }
if( !flexsEasing || flexsEasing == 'swing' ) {
flexsEasing = 'swing';
flexsUseCSS = true;
}
if( !flexsDirection ) { flexsDirection = 'horizontal'; }
if( flexsReverse == 'true' ) { flexsReverse = true; } else { flexsReverse = false; }
if( !flexsSlideshow ) { flexsSlideshow = true; } else { flexsSlideshow = false; }
if( !flexsPause ) { flexsPause = 5000; }
if( !flexsSpeed ) { flexsSpeed = 600; }
if( !flexsVideo ) { flexsVideo = false; }
if( flexsSheight == 'false' ) { flexsSheight = false; } else { flexsSheight = true; }
if( flexsDirection == 'vertical' ) { flexsSheight = false; }
if( flexsPagi == 'false' ) { flexsPagi = false; } else { flexsPagi = true; }
if( flexsThumbs == 'true' ) { flexsPagi = 'thumbnails'; } else { flexsPagi = flexsPagi; }
if( flexsArrows == 'false' ) { flexsArrows = false; } else { flexsArrows = true; }
if( flexsHover == 'false' ) { flexsHover = false; } else { flexsHover = true; }
$flexsSlider.flexslider({
selector: ".slider-wrap > .slide",
animation: flexsAnimation,
easing: flexsEasing,
direction: flexsDirection,
reverse: flexsReverse,
slideshow: flexsSlideshow,
slideshowSpeed: Number(flexsPause),
animationSpeed: Number(flexsSpeed),
pauseOnHover: flexsHover,
video: flexsVideo,
controlNav: flexsPagi,
directionNav: flexsArrows,
smoothHeight: flexsSheight,
useCSS: flexsUseCSS,
start: function(slider){
SEMICOLON.widget.animations();
SEMICOLON.initialize.verticalMiddle();
slider.parent().removeClass('preloader2');
var t = setTimeout( function(){ $('.grid-container').isotope('layout'); }, 1200 );
SEMICOLON.initialize.lightbox();
$('.flex-prev').html('');
$('.flex-next').html('');
SEMICOLON.portfolio.portfolioDescMargin();
},
after: function(){
if( $('.grid-container').hasClass('portfolio-full') ) {
$('.grid-container.portfolio-full').isotope('layout');
SEMICOLON.portfolio.portfolioDescMargin();
}
}
});
});
}
}
Then you can simply add the data-reverse="true" attribute to the .fslider Element.
Please find the .container Container just after the #page-title Block and move this code inside the #content > .content-wrap Container.
Unfortunately, this is currently not supported Out of the Box since the Upload Fields require Additional Styling and Javascript Implementation. We will surely work on customizing this in the Future Versions. Meanwhile, you can consider using this Tutorial: http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ .
This also is the Default Functionality of the Plugin as it makes the Results appear Alphabetically and once you Type both RE, the best match is returned.
Thank You so much for your Valuable Patience. Do let us know if we can help you with anything else or if you find any further issues with Canvas.