Joomla Templates Club 406,261 posts

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#846931

On my site start page, header gets loaded with <header id="t3-header" class="t3-header affix">

where on your demo site and on another member’s site, with <header id="t3-header" class="t3-header affix-top"> which is the correct to make the header transparent at first load at top of page

how is this possible?

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#846932

This reply has been marked as private.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#848453

Hi @darengr,

Please edit the thread (first post), choose Require Help From Staff + Mod/Admin? then provide your site url with temporary admin account there so I can check this matter for you.

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#849712

Details have been added, please have a check, thank you

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#851617

Hi @darengr,

I checked your site and see that you’re using JA Mono, it’s a different template compare to the one you send over attachment screenshot, could you please confirm your status ?

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#851636

Hi @adam,
please use the menu and select the white-blue flag, with a screen width less than 1400, then you will get the same picture.
thanks

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#852171

Hi @darengr,

Thanks, I got it. Could you please also provide a temporary FTP account via private reply so I can have a closer look at the code ?

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#852765

This reply has been marked as private.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#862507

Hi @darengr,

Try open file templates/ja_mono/js/script.js and look for this code :

// Add Affix for header
$heightHeader = $('.t3-header').outerHeight();
$heightBlocktop = $('.block-left').outerHeight() - ($('.t3-header').outerHeight() * 1.5);
$('.t3-header').affix({
  offset: {
    top: $heightBlocktop,
  }
})
$(window).resize(function(){
    $heightHeader = $('.t3-header').outerHeight();
    $heightBlocktop = $('.block-left').outerHeight() - ($('.t3-header').outerHeight() * 1.5);
    $('.t3-header').affix({
      offset: {
        top: $heightBlocktop,
      }
    })
})

and change as below :

// Add Affix for header
$heightHeader = $('.t3-header').outerHeight();
$heightBlocktop = ($('.t3-header').outerHeight() * 1.5);
$('.t3-header').affix({
  offset: {
    top: $heightBlocktop,
  }
})
$(window).resize(function(){
    $heightHeader = $('.t3-header').outerHeight();
    $heightBlocktop = ($('.t3-header').outerHeight() * 1.5);
    $('.t3-header').affix({
      offset: {
        top: $heightBlocktop,
      }
    })
})

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#862558

Hi @adam , thanks for suggestion, but before i go and modify the template file (which I do not want to), can you please explain why do I have the different behaviour, since I am using a brand new installation of JA MONO, and I have not modified anything at all?

In the other pages (where I use JA Masthead), the behaviour is like in demo, but only in the home page, the header stays on the screen black and not transparent. In all other pages, header is transparent and only appears solid black when I scroll down half page, which is nice and correct.
Does the transparent header gets displayed only together with JA Masthead?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#864127

Hi @darengr,

As you can see the in the code, it take the height of left column and subtract the header height. In this case, you don’t have anything in left column, therefore the script failed right there and cannot execute the affix part.

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#864133

thanks,
my inner pages (not landing) also do not have left column, I am using the template with only one column everywhere for all screen <1600 if I remember well.
but i noticed, that in them , I have a JA musthead.
what do you suggest, I do not want to nodify code, so I will not lose the option to have the template updated, if and when it updates?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#864278

Hi @darengr,

I raised a bug report here so our development team can check and fix it in next version. You can go ahead with my hotfix or wait for next version instead.

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#864600

I see,
why does this not happen in all other pages, but only on the home page?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#865075

Hi @darengr,

As I mentioned above it’s a bug in current version, so please stay tuned and wait for a proper fix instead. Thank you.

[Author]

Posts