• Resolved PawprintDesign

    (@pawprintdesign)


    I have searched for this specific issue on the internet and here but have not found my particular case. I am using Rosie theme (updated) and latest update of WP. I have a page where all links worked just fine, then I make an update by adding a block or adding another link and suddenly one or more other links stop working. There is no link activity when you roll over the link (it just looks underlined). The href code is still behind it but something is stopping it. I’ll have to move things around until it works again. Instead of having a link within a text box, I have to create a button for example and that doesn’t always work. On this particular page, I created the red buttons half way down the page in order to overcome this, but now one of the links in the text box has stopped working and the red buttons don’t work properly on mobile. In the past I have even recreated pages from scratch, to no avail.

    Has anyone else ever experienced this and figured out how to fix it?

    Edit: I removed an empty row at very top and now links seem to work although shakily in places (such as Laura Mancini’s email) but red buttons don’t work on mobile. For the videos you have to click on the right spot to get each to open. It’s hit or miss each time I make an update.

    • This topic was modified 2 months, 2 weeks ago by PawprintDesign. Reason: made a test page to try to troubleshoot

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator bcworkz

    (@bcworkz)

    I’m unable to find any problem links on the page you linked, but typically when I see the symptoms you describe some other element is overlaying the link in a transparent manner. So even though we can see the link, the mouse cursor does not “see” it due to the overlaying element.

    There are a few possible solutions, usually involving CSS. Resize or move the overlaying element so it does not overlay the link. Or increase the link’s z-index so that it occurs over the offending element. Or as you discovered, remove the offending elements. The extents of the rows you removed to solve the problem likely extended beyond what seemed like empty rows should cover. Sometimes I’ve had to temporarily set background colors to various elements to see their true extents. Your browser’s element inspector tool is very useful for investigating issues like this. Be aware that caching can confuse such investigations and any attempted fixes. It’s best to investigate with all caching disabled and by frequently flushing your browser’s local cache.

    Thread Starter PawprintDesign

    (@pawprintdesign)

    Thank you so much bcworkz! This makes total sense. I did make a couple of changes to the page per my client yesterday and after making the links into buttons, it seems to have fixed it on desktop but the links don’t work on mobile, I guess as it’s all crunched up and not in the proper responsive manner. How did this start happening though? After a WP Bakery update and a clash with another plugin or the template or my existing CSS?

    I went ahead and applied this code to the links:

    a:link {
    color: #CC0035;
    z-index: 999999;
    position: relative;

    }

    Would that be the best way to go about this? The links do seem to now work on mobile!

    Thanks again!

    Moderator bcworkz

    (@bcworkz)

    I suppose the best solution would be to avoid overlapping elements altogether. Easier said than done ?? I think pushing link z-index far up is a reasonable solution. As long as the various links aren’t the ones invisibly overlapping other clickable elements. A lot less likely than whatever was going on before.

    IMO, anything that solves a problem is a good solution. Would there be a better solution? Maybe, but if a better solution is not apparent, we solve the problem with the solution we have.

    Thread Starter PawprintDesign

    (@pawprintdesign)

    Thanks again bcworkz. I’ll take it!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.