Joomla Templates Club 406,261 posts

[gardinie2014 Friend gardinie2014Join date: December 2014Posts: 35Downloads:0Uploads:3 Thanks: 3 Thanked: 5 times in 2 posts]

#205724

Hi there,

I have a site that I am building using Uber and there is a 128px Height header – the ACM Header is set to Sticky/Fixed which is what the client would like but as a result there is a big ‘jump’ when you scroll down…

It makes the site look glitchy – is there anything that can be done to fix this / not have it jump so much ?

Thank you so very much.

URL: http://www.gardinie.com/index.php
[you have to use that URL as the site is hidden behind a .html at the moment]

Cheers,

Emmanuel.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#567824

HI Emmanuel,

When I open your site, I don’t see the header jumps as you mentioned, it looks smooth at my end

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#732930

HI Emmanuel,

When I open your site, I don’t see the header jumps as you mentioned, it looks smooth at my end

[gardinie2014 Friend gardinie2014Join date: December 2014Posts: 35Downloads:0Uploads:3 Thanks: 3 Thanked: 5 times in 2 posts]

#567953

Hi Saguaros, sorry I should have been more precise, please check this page:

http://gardinie.com/index.php/shop/women-s-collection/product/129-the-overnight-voyager-large-duffle-bag

It is glitch/jumping that I am referring to is definitely ‘visible’ on the front page or other pages but it’s not as bothersome as on the product page where it is really ugly and makes the site look definitely glitchy which isn’t good 🙁

Cheers,

Emmanuel.

[gardinie2014 Friend gardinie2014Join date: December 2014Posts: 35Downloads:0Uploads:3 Thanks: 3 Thanked: 5 times in 2 posts]

#733059

Hi Saguaros, sorry I should have been more precise, please check this page:

http://gardinie.com/index.php/shop/women-s-collection/product/129-the-overnight-voyager-large-duffle-bag

It is glitch/jumping that I am referring to is definitely ‘visible’ on the front page or other pages but it’s not as bothersome as on the product page where it is really ugly and makes the site look definitely glitchy which isn’t good 🙁

Cheers,

Emmanuel.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#567999

I still can’t see it jump up: http://prntscr.com/6x4tqu

could you make a short video recording the issue?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#733105

I still can’t see it jump up: http://prntscr.com/6x4tqu

could you make a short video recording the issue?

[gardinie2014 Friend gardinie2014Join date: December 2014Posts: 35Downloads:0Uploads:3 Thanks: 3 Thanked: 5 times in 2 posts]

#568104

<em>@Saguaros 469948 wrote:</em><blockquote>I still can’t see it jump up: http://prntscr.com/6x4tqu

could you make a short video recording the issue?</blockquote>

Hi there, so I guess to be clear, the ‘jump’ happens when you scroll down the page and when you go back up the page…

I realize it’s partially normal due to the Header but I would really like it to be smooth and not do this jump ;(

Cheers,

Emmanuel.

[gardinie2014 Friend gardinie2014Join date: December 2014Posts: 35Downloads:0Uploads:3 Thanks: 3 Thanked: 5 times in 2 posts]

#568106

Hi there,

I figured out ‘an answer’, I’m just not sure if it is the RIGHT answer, by going to:

templates/uber/acm/header/tmpl/style-1.php and removing line 127-137:

<script>
(function ($) {
$(document).ready(function(){
$(‘#uber-header-<?php echo ($module->id) ?>’).affix({
offset: {
top: $(‘#uber-header-<?php echo ($module->id) ?>’).offset().top
}
});
});
})(jQuery);
</script>

and changing the .t3-mainbody from:

.t3-mainbody { padding-top: 20px; padding-bottom: 10px }

to

.t3-mainbody { padding-top: 150px; padding-bottom: 10px }

It is now smooth and no more jumping…

But did I mess something else up – well that’s the part I don’t know 😉 lol
Cheers,

Emmanuel.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#568135

Could you specific of how it’s messed up here? As I can see the header looks fine: http://prntscr.com/6xh8mq

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#733241

Could you specific of how it’s messed up here? As I can see the header looks fine: http://prntscr.com/6xh8mq

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#568517

@saguaros

Tell me to make a new thread if needed, but I have the same problem where the header jumps but when I scroll back to top. I have a TopBar and Header both fixed position, the TopBar is fine but the Header menu jumps.

I have made a video

This is easier than trying to explain, you’ll notice when I scroll back to the top you will notice the Header menu jumps and some white space is visible, how can I fix this?

Thanks,
Richard

[gardinie2014 Friend gardinie2014Join date: December 2014Posts: 35Downloads:0Uploads:3 Thanks: 3 Thanked: 5 times in 2 posts]

#568574

Hi Richard, it would help if you mentioned the URL so we could look at it.

Cheers, Emmanuel.

[gardinie2014 Friend gardinie2014Join date: December 2014Posts: 35Downloads:0Uploads:3 Thanks: 3 Thanked: 5 times in 2 posts]

#733669

Hi Richard, it would help if you mentioned the URL so we could look at it.

Cheers, Emmanuel.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#568577

<em>@gardinie2014 470706 wrote:</em><blockquote>Hi Richard, it would help if you mentioned the URL so we could look at it.

Cheers, Emmanuel.</blockquote>

Hi Emmanuel,

Thanks for the offer of help, the url is (removed) but I’m sorry I will only provide admin access to JA staff via pm.

Thanks,
Richard

[Author]

Posts