Help show site on the mobile device!!! - JF Calla Exteriors - Joomla Templates

Welcome, Guest

TOPIC: Help show site on the mobile device!!!

Help show site on the mobile device!!! 17 Jan 2015 16:33 #6124

Hello

I need help to show the site on mobile device.
Which value i have to modify?

/* SLIDESHOW */
#jf-slideshow {
background-clip: border-box;
background-color: #00446D;
background-image: url(../images/01.jpg);
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
z-index: 50;

Thanks
neo

Reply Quote

Posts:6
ineomar78
Fresh Boarder
OFFLINE
Karma: 0

Re: Help show site on the mobile device!!! 19 Jan 2015 03:04 #6128

Hello,
Modify to:

background-attachment: scroll;
background-position: center top;

And go to templates/jf_calla-exteriors/scripts/js/callaexteriors.js, in function jQuery(window).on("scroll", function(){...}) add like this:

 
jQuery(window).on("scroll", function(){
	if (jQuery(window).width() > 765) {
		if (jQuery(window).scrollTop() > 55){
			jQuery('#jf-header').addClass('transparent');
		} else {
			jQuery('#jf-header').removeClass('transparent');
		}
	}
 
	// new
	var scrolledY = jQuery(window).scrollTop();
	jQuery('#jf-slideshow').css('background-position', 'center ' + ((scrolledY)) + 'px');
});

Thank you for using our template!

joomfreak

Reply Quote

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Reply Topic

New Topic

Page:
1

joomfreak.com Support Forum

Account Details

Your Forum Posts

TOPIC: Help show site on the mobile device!!!

Help show site on the mobile device!!! 17 Jan 2015 16:33 #6124

Re: Help show site on the mobile device!!! 19 Jan 2015 03:04 #6128

Support

Company

Who´s online