Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • September 19, 2018 at 7:59 pm #1011997
    bobfurgo

    Hello,

    On my site there is an APPLY NOW button in the main navigation. It is set to a shrinking header so that when you scroll down the page it shrinks. Currently, when the header shrinks, the button lags behind. Is there a way to remove this lag or animation that makes the button shrink more slowly than the rest of the header?

    Thank you so much!

    September 19, 2018 at 8:22 pm #1012000
    Jordan Shannon

    Hey bobfurgo,

    Have you tried disabling all active plugins to see if the animation performance improves? It could be a matter of multiple scripts running.

    Best regards,
    Jordan Shannon

    September 19, 2018 at 9:08 pm #1012023
    bobfurgo

    Hi Jordan,

    I have not, but there are only two plugins installed on the site (Yoast SEO and WP Security Audit Log), so I feel there shouldn’t be any issues because of that (although I may be wrong). Do you have any other ideas of why this may be happening and how to fix it?

    Regards,

    September 20, 2018 at 7:06 pm #1012436
    Jordan Shannon

    Hi,

    I would still say its more of the speed issue with the amount of code running. Perhaps trying an optimization plugin would help improve performance slightly.

    Best regards,
    Jordan Shannon

    September 20, 2018 at 7:13 pm #1012438
    bobfurgo

    Hi Jordan!

    Thanks for your reply. I don’t feel like there is a lot of code running, since I don’t have many plugins installed. I am using a lot of custom css within the child theme but i’m not sure why this would affect the header button. Are there any other suggestions? It seems like the button has some sort of animation…

    September 20, 2018 at 7:41 pm #1012443
    Jordan Shannon

    Hi,

    Can you attempt the second suggestion and see if the issue improves? It’s simply to optimize the speed in which things render and animate within the browser.

    Best regards,
    Jordan Shannon

    September 20, 2018 at 7:43 pm #1012444
    bobfurgo

    Is there an optimization plugin you would recommend?

    September 20, 2018 at 8:12 pm #1012450
    Jordan Shannon

    Hi,

    Please refer to the following:

    PageSpeed Ninja

    Best regards,
    Jordan Shannon

    September 20, 2018 at 8:24 pm #1012454
    bobfurgo

    Hi Jordan,

    Thank you! I installed the plugin but it looks like the delay on the button is still there.

    September 20, 2018 at 8:51 pm #1012460
    Jordan Shannon

    Hi,

    Okay, thanks for trying that. If possible, please provide admin info so we can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    September 26, 2018 at 6:26 pm #1014912
    bobfurgo

    Please see private content area. Thanks so much for your help

    September 29, 2018 at 3:40 am #1015963
    bobfurgo

    Hello! Just wanted to follow up on this. Thank you all so much :)

    September 30, 2018 at 8:51 pm #1016328
    Mike

    Hi,
    I took a look at your bordered menu item and your css and found that it had a transition on line 60 in your child theme style.css:

    #header .avia-button, #header .av-menu-button > a .avia-menu-text {
	border-color: #ff7337 !important;
	color: #ff7337 !important;
	transition: .6s !important;
	font-family: montserrat !important;
	opacity: 1 !important;
}

    I changed the transition to zero. Please clear your browser cache and check.

    Best regards,
    Mike

    September 30, 2018 at 9:03 pm #1016331
    bobfurgo

    I should have known! You are awesome, thank you!

    September 30, 2018 at 9:15 pm #1016339
    Mike

    Hi,
    Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    September 30, 2018 at 10:55 pm #1016356
    bobfurgo

    Hi Mike! Another quick question. I know this is a bit nitpicky but it looks like the button does not slide with the rest of the menu items when shrinking, when you scroll slowly this is apparent. Is there a way to ensure the button shrinks with the same timing as the rest of the menu items?

    September 30, 2018 at 11:53 pm #1016365
    Mike

    Hi,
    I see this now going back to your site, but this is not how I left it, when I do a hard refresh, clearing my browser cache this lag doesn’t occur. Please see the video in the private content area.
    So seeing that you are on WPengine, and my results after clearing my cache, I assume that this is a server caching issue.
    Please try a hard refresh to see if you get the same results as my video.

    Best regards,
    Mike

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.