queue  25
support
Results 1 to 7 of 7

Thread: links in Homepage Labels not working in Chrome

  1. #1

    links in Homepage Labels not working in Chrome

    Hello!
    I have 2 "labels" (links) that display over my homepage slider on rhdnyc.com . These 2 links, "Learn More" and "Our Work", which should link/scroll to the "About Us" and "Work" sections of our site respectively, no longer work in Chrome but are still functional in Firefox and Safari. My own troubleshooting has been unsuccessful so I would appreciate any guidance you may have. Thank you!

    EDIT: Just to clarify, I am not referring to my nav links which work fine, but rather 2 larger "labels" which I've enabled as links that directly overlay my Homepage slider.

    PS) I think I have an older version of Visia installed, however I did download the newer version of the theme and attempted to install, at which time I received an error with regards to the file size exceeding that which is allowed in php.ini so I have to start a separate support thread regarding that issue. If updating my theme is the first step in the resolution of the bug with these links in Chrome, please advise and see my other thread which I will create after this one. Thanks very much!
    Last edited by jenrhdnyc; 01-18-2018 at 00:56. Reason: clarification

  2. #2
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    2,078
    Hi, I've answered your other question about the file size limit error. I suggest you sort that one our, complete the update and then if this issue is still there, I'll take a look. This way we can rule out the theme version being the cause. Post back here one you have the update done.

    p.s. You can always do a manual update, see here for instructions: http://support.pixelentity.com/threa...-Themes-Update (it deals with an older version of WP but the method is the same).

  3. #3
    Hello! I successfully resolved the issue and installed Visia 1.3.3. There's still a Wordpress upgrade available to 4.9.4 - is it safe to upgrade to 4.9.4 with Visia 1.3.3 installed? If so I will do that and then report back on whether the Chrome bug is resolved. Thank you!

    ps) I apologize for the delayed reply, I wasn't notified by email that you had responded to this one. Thank you!
    Last edited by jenrhdnyc; 02-06-2018 at 22:59. Reason: apology

  4. #4
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    2,078
    Hi, Yes the update should be fine. Always make a backup for your whole site, just in case.

  5. #5
    Hello again Donagh! Update to WP 4.9.4 is complete after a backup, no new problems but the bug with the homepage buttons in Chrome is still present, and in fact it's slightly worse as the arrow on one of the buttons now renders as a square in Chrome - screengrabs attached showing the difference between FireFox and Chrome. The buttons work just fine in Firefox so it seems like truly just a problem in Chrome. Let me know if I can provide any other info, as always I very much appreciate any assistance you can provide in troubleshooting. Thank you!

    Buttons in Firefox (working normally) :

    Buttons in Chrome (don't work and arrow is now a square):

    ***Lastly in case you need my site URL it's rhdnyc.com
    Last edited by jenrhdnyc; 02-12-2018 at 22:24. Reason: adding my URL to the post

  6. #6
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    2,078
    Hi, The icons in buttons an elsewhere dont show when there is a cross domain asset load attempt. Try checking your website using www in the url and then try leaving out the www part. One will show icons and one will show those squares. The version of the url with the squares is the wrong url, you'll need to create a hosting pnale redirect from that one to the one which shows the icons.

    For the buttons scrolling, its possible that the updated version of the scrolling script does not support the way its called in the theme. You could try this. Open the file main.js found in the theme's js folder which can be found in the theme's main folder.

    You'll see this near the top:

    Code:
    //LOCAL SCROLL
    	jQuery('.navigation, .call-to-action').localScroll({
    		offset: -50
    	});
    Change this to this:

    Code:
    //LOCAL SCROLL
    	jQuery('.navigation').localScroll({
    		offset: -50
    	});
            jQuery('.call-to-action').localScroll({
    		offset: -50
    	});
    Save the file and see if that makes any difference.

  7. #7
    Hi Donagh!
    Thank you, I added the redirect and the square is no longer an issue on the button. However, I did try to edit main.js using the code you provided, and it didn't work for me. No additional bugs, so I left the code in the file, but the buttons still don't click through in Google Chrome on desktop. Oddly, the Chrome app on Iphone does not have this bug, buttons work fine. All still functions as it did before in Firefox, Safari, and on my phone in all browsers. Any idea what I could try next?