VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
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:2940
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.52 seconds
Thursday 28 March 2024

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.