Links not working on mobile

  • Resolved pointsi

    (@pointsi)


    7 years, 8 months ago

    Links work fine on desktop for the page I have set up to show avatars, but for some reason they aren’t clickable on mobile. Tested on Safari/iPhone iOS 9.3.4.

    I’m using the following shortcode: [authoravatars roles=administrator,editor,author,contributor hiddenusers=1 user_link=authorpage display=show_name,show_postcount order=post_count,desc min_post_count=3]

    Any ideas what could be going on?

    https://wordpress.org/plugins/author-avatars/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Paul Bearne

    (@pbearne)

    7 years, 8 months ago

    I don’t know if I have every looked at the output on a mobile.

    I will have a look but we are just creating HTML so should work

    can you post / send me a link

    Paul

    Thread Starter pointsi

    (@pointsi)

    7 years, 8 months ago

    Sure, it’s at http://pic.needthebuzz.com/writers/ which is a staging server with the following credentials: pic4829 / hCzdXnDPE3XTWgE

    Thanks!

    Plugin Author Paul Bearne

    (@pbearne)

    7 years, 8 months ago

    Hi

    The problem is that your sidebar is over the avatar so the click in the side-bar not on the avatar

    try added this css to the media query for narrow pages

    #sidebar{
    display: none;
    }

    Thread Starter pointsi

    (@pointsi)

    7 years, 8 months ago

    In this responsive design, the sidebar is displayed below the main content on mobile. So I’m not sure that’s the issue.

    Plugin Author Paul Bearne

    (@pbearne)

    7 years, 8 months ago

    if you inspect the HTML you will see that the sidebar div is sitting on top of the avatar block so that any click to landing on the sidebar div not not the lnks

    give the sidebar a background color so you can se it

    #sidebar{
    background-color: red;
    }

    Thread Starter pointsi

    (@pointsi)

    7 years, 8 months ago

    Gotcha, that is indeed the reason! I made the sidebar red as you suggested so that the conflict is apparent on the Writers page. However, other pages such as the About page or Books page do not have the same conflict on mobile – links are all clickable and the sidebar appears as it should, below main content.

    Any idea why it only happens on the page with Author Avatars?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Links not working on mobile’ is closed to new replies.