WordPress.org

Forums

Spun
[resolved] Menu Lag (19 posts)

  1. suboy7
    Member
    Posted 1 year ago #

    Hello,

    I am having some issues with my header menu lagging when you scroll across it. They work fine but there just seems to be a delay and an overlap in categories when you scroll over. Im using Chrome and the latest version of wordpress. My website is http://thesuchef.org/

    Similarly, my page shows up differently in Chrome vs IE9. The circles are not greyed out and the menu dropdown is much quicker.

    Any help is greatly appreciated.

    Thanks!
    Alex

  2. suboy7
    Member
    Posted 1 year ago #

    http://snag.gy/OgDXF.jpg

    Here is a screen shot

  3. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Have you modified the theme's style.css file?

  4. suboy7
    Member
    Posted 1 year ago #

    I believe i did early on to change the header picture size but after that I've done all my changes in my child folder.

  5. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Can you try deactivating all plugins to explore whether any could be responsible?

  6. suboy7
    Member
    Posted 1 year ago #

    Hi Andrew,

    So i deactivated the plug-ins but im still having the issue. Any other suggestions?

  7. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Can you try switching back to the original theme to see if the issue persists? If it still persists, try then deactivating all plugins.

  8. suboy7
    Member
    Posted 1 year ago #

    When i switched back to the original theme, the problem is gone. When I switch back to my child theme, its back.

  9. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    In your child theme style.css file, look at this bit:

    .main-navigation ul ul {
    	float: left;
    	opacity: 1;
    	position: absolute;
    		top: 1.6em;
    		left: 0;
    	text-align: left;
    	transition: all .4s ease-in-out;
    	-webkit-transition: all .4s ease-in-out;
    	-moz-transition: all .4s ease-in-out;
    	-o-transition: all .4s ease-in-out;
    	visibility: hidden;
    	z-index: 99999;
    }

    You need to remove this:

    opacity: 1;
  10. suboy7
    Member
    Posted 1 year ago #

    Problem solved thanks! Now if i can just figure out why my site looks different on different browsers...

  11. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Is it to do with the Child Theme again?

  12. suboy7
    Member
    Posted 1 year ago #

    Yes i believe so. It didnt have the issue before when i was in the parent theme.

  13. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Could you provide a link to an image showing the issue?

  14. suboy7
    Member
    Posted 1 year ago #

  15. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Try copying the 'inc' folder into your Child Theme.

  16. suboy7
    Member
    Posted 1 year ago #

    Still no luck.

  17. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    I've noticed the same issue on the theme's demo site btw

  18. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Looks like the only way to get grayscale working across browsers is to use JavaScript. There's a library that does it for you: http://www.pixastic.com/lib/docs/#basic .

    Do you want to go down this route?

  19. suboy7
    Member
    Posted 1 year ago #

    Its alright im content for now but thanks again for all of your help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.