VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Help show site on the mobile device!!!
(1 viewing) (1) Guest
  • Page:
  • 1

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

  • 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

  • Posts:2017
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.34 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.