Mobile Breadcrumb Link

#78688
  • Resolved Charles Fazio
    Rank Math free

    Hi!

    I am using Rank Math on my Elementor website.

    I have enabled the breadcrumb feature using the shortcode option.

    It is working perfectly on desktop, but on mobile phones the links to previous breadcrumb trails are not clickable.

    URL:
    https://southpointephysicalrehab.com/home/

    (not a breadcrumb on homepage…but petty much every other page)

    I have used custom CSS to edit the style, possibly could have something to do with it?

    .rank-math-breadcrumb a{
    color: #383838;
    }

    .rank-math-breadcrumb {
    font-size: 1.125rem;
    font-family: roboto;
    font-style: italic;
    color: #383838;
    }


    @media
    only screen and (max-width: 600px) {
    .rank-math-breadcrumb {
    font-size: .7rem;
    }
    }

    Thanks for your help with this! I am needing this website up soon so I appreciate the response.

Viewing 2 replies - 1 through 2 (of 2 total)
  • ……. I solved the issue…….

    I had a negative margin on my mobile navigation to make it thinner, this caused the breadcrumb to move up into the nav, although visibility you cannot tell.

    Changed the zindex of the breadcrumb to be higher than the navigation – problem solved.

    Hello,

    We are are glad the issue is now resolved.

    If you don’t mind me asking, could you please leave us a review (if you haven’t already) on https://wordpress.org/support/plugin/seo-by-rank-math/reviews/#new-post about your overall experience with Rank Math? We appreciate your time and patience.

    If you do have another question in the future, please feel free to create a new forum topic, and it will be our pleasure to assist you again.

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)

The ticket ‘Mobile Breadcrumb Link’ is closed to new replies.