Problem with image show in header position

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Oct 18, 2016 7:43 pm
Reply with quote
Report this post
Hi,
I have problem with image show in header position (style creativity)
I put it in this position and I can't scrol the page down.
http://estimator.expert
Second question.
It's possible in msocial template to have this effect like in creativity template that when I click the button What we do - the page scroll from bottom to top?
In other styles of image show template works correctly.

Tomasz
User avatar
Senior Boarder

teitbite
Thu Oct 20, 2016 10:35 am
Reply with quote
Report this post
Hi

Please add this to /layout/blocks/head.php

Code: Select all
<script type="text/javascript">(function($) {$(document).ready(function() {
if( $('.gkIsWrapperFixed').size() > 0 ) {
    function header_height() {
        $('.gkIsWrapperFixed').attr('style','height:'+$(window).height()-$('#gkTop').height()+'px');
    }

    $(window).resize(function(){
        $(header_height);
    });
    $(header_height);
}
});})(jQuery)</script>


and this to override.css

Code: Select all
.gkIsWrapperFixed {
    position: relative;
}
User avatar
Moderator

GK User
Thu Oct 20, 2016 7:43 pm
Reply with quote
Report this post
Hi,
It doesn't helped....
User avatar
Senior Boarder

teitbite
Sun Oct 23, 2016 10:41 am
Reply with quote
Report this post
Hi

From some reason function height() is not working ;/ It's giving "NaN" instead of window height value. Please send me an access to FTP, so I'll be able to see what is wrong.
User avatar
Moderator

GK User
Mon Oct 24, 2016 5:36 pm
Reply with quote
Report this post
send on priv
User avatar
Senior Boarder

teitbite
Thu Oct 27, 2016 11:56 am
Reply with quote
Report this post
Hi

Not sure what was wrong there. I just wrote the code again, simplified it and it worked:

Code: Select all
<script type="text/javascript">(function($) {$(document).ready(function() {
if( $('.gkIsWrapperFixed').size() > 0 ) {
    function header_height() {
   var hHeight = $(window).height();
   var hTopbar = $('#gkTop').height();
   var aSpace = hHeight - hTopbar;
        $('.gkIsWrapperFixed').height(aSpace);
    }

    $(window).resize(function(){
        $(header_height);
    });
    $(header_height);
}
});})(jQuery)</script>

User avatar
Moderator

GK User
Sun Oct 30, 2016 10:00 am
Reply with quote
Report this post
Hi,
Problem solved.....
Thanks for you big help.
Tomek
User avatar
Senior Boarder

teitbite
Wed Nov 02, 2016 9:15 am
Reply with quote
Report this post
Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
User avatar
Moderator

GK User
Sun Feb 05, 2017 2:22 pm
Reply with quote
Report this post
Hello,
I' d like to return to this subject.
Everything works when I work on 100% width of site.
When I working on normlal width http://serwer1694677.home.pl/etherbud/
the image show (creativity) looks like that.
How to change the code to have the same size module and page?

Tomasz
User avatar
Senior Boarder

GK User
Sun Feb 05, 2017 2:24 pm
Reply with quote
Report this post
Solved. I forgot about ovveride
User avatar
Senior Boarder

teitbite
Wed Feb 08, 2017 1:39 pm
Reply with quote
Report this post
Hi

Ok. Great to hear it. I'm closing this thread than.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.