Link Not Clickable in Chrome But Working Fine with Firefox

Discussion in 'CSS' started by seomanualsubmission, May 31, 2021.

  1. #1
    Hi,

    My website is RS Seo Solution. At home page in "Our Work Portfolio" hover link on "More Info" is not working in working while its working fine in Firefox.

    Same CSS and HTML is in https://www.rsseosolution.com/seo-work-portfolio.php page but here its working good in Chrome and firefox also.

    I tried lots but not getting exactly what is issue.

    I need help to resolve this issue ASAP. Please guide / suggest me that what i am missing or doing mistake in our code.

    Hope for quick response.
     
    seomanualsubmission, May 31, 2021 IP
  2. sarahk

    sarahk iTamer Staff

    Messages:
    28,849
    Likes Received:
    4,542
    Best Answers:
    123
    Trophy Points:
    665
    #2
    Down in this section?

    [​IMG]

    Using inspect it doesn't look like there's a layer covering the link, and the css shows that hover is working.

    On the page that "works" each client is shown in a div with bootstrap settings.

    On the page that "doesn't work" you're using a list - both valid although I'm surprised by the hardcoded 275px. You should have mentioned that it only "doesn't work" on desktop, that it's working on tablet and phone sizes.
     
    sarahk, May 31, 2021 IP
  3. seomanualsubmission

    seomanualsubmission Well-Known Member

    Messages:
    923
    Likes Received:
    132
    Best Answers:
    4
    Trophy Points:
    165
    #3
    Did not check in Tab but in mobile ..... I think there are some issue ...... I open multiple time but its showing that processing but not opening properly. Screenshot is attached.
    [​IMG]
     
    seomanualsubmission, Jun 1, 2021 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    The page is so riddled with issues that around half of it doesn't work for me as a user. The over-use of dropdown menus is a shit-show to try and navigate, multiple things that LOOK like links don't seem to function (and in the code are that dipshit javascript:void() rubbish), alternative navigation is utterly banjaxed (jumping straight from H1 to H4?), inconsistent / gibberish accessibility since the semantics seem ignorantly jacked up... you've got PROBLEMS.

    Problems that are apparent in the ignorant way the HTML is built with endless pointless DIV and classes for nothing, lack of media targets on the stylesheet links, metric shit-ton of JavaScript when I don't even see anything that warrants the use of scripting, tables for layout, broken/incomplete forms, and a general code bloat that screams that whoever made that page has ZERO business writing a single blasted line of HTML, CSS, or JavaScript!

    To then claim to be some sort of SEO guru's with the improper use of numbered headings, paragraph + strong doing numbered heading's job, broken/incomplete forms, abuse of placeholder to do LABEL's job, redundant use of TITLE that could result in being slapped down by search for duplicate content penalty, absolute URI's for nothing, lack of fallback text for many of the font-awesome icons, redundant menu entries, emphasis inside headings for nothing (pure black hat that), etc, etc...

    Well, you don't know enough about on-page SEO to be making a website about SEO either.

    Seriously, if you don't know what's wrong with code like this:

    
               <div class="col-md-4">
                    <h3 class="footer-widget-title">Subscribe to Our Newsletter</h3>
    				<p class="psurajcolor">We will not spam your inbox. We will send only our new offers and important activities weekly or monthly.</p>
    				<form name="mailchipsubs" method="post" action="https://www.rsseosolution.com/mailchimp.php">
    				<table class="table">
    					<tr>
    					<td>First Name</td>
    					<td><input type="text" class="form-control" placeholder="First name" name="fname" required></td>
    					</tr>
    					<tr>
    					<td>last Name</td>
    					<td><input type="text" class="form-control" placeholder="Last name" name="lname" required></td>
    					</tr>
    					<tr>
    					<td>Email</td>
    					<td><input type="email" class="form-control" placeholder="Valid email" name="email"></td>
    					</tr>
    					</tr>
    					<tr>
    					<td colspan="2"><input type="submit" Value="Subscribe Now" class="btn btn-primary pull-right" name="Submit"><input type="hidden" name="vl" value="VL"></td>
    					</tr>
    				</table>
    				</form>            
    			</div>
    
    Code (markup):
    PLEASE just back away from the keyboard and take up something a bit less detail oriented like macramé.

    And that's before we talk about the giant middle finger to UX and accessibility like the illegible sky blue on white, thin glyph / low-weight fonts useless on everything except Macs, pixel metric font sizes and layout, etc, etc.

    Seriously, a page like this:
    https://www.rsseosolution.com/pay-for-performance.php

    Is a giant "screw you" to around two-thirds of people using the Internet from a UX / Accessibility standpoint.

    My advice if you are serious about having a site on this topic is to pitch this entire train wreck laundry list of how NOT to build a website in the trash and start over with proper semantics, separation of presentation from content, and taking time to learn how to use all these technologies PROPERLY.

    But then given the "services" offered look like 15 year out of date black hat SEO scam artist rubbish? Yeah... Put a fork in it.
     
    deathshadow, Jun 1, 2021 IP