Centering a stubborn element with CSS

Hi there! This may seem small but it is driving me crazy. I'm using a plugin to use Yoast SEO's breadcrumbs on each page. I can't get them to be centered correctly though; they always get cut off on mobile... especially if the page title is long.

I don't want to modify the theme files to put breadcrumbs in in case there is an update.

This is one page you can see has issues:

Support access is granted.

  • James Morris
    • WordPress Enthusiast

    Hello Meredith,

    I've logged in and tweaked your CSS in your theme's Custom CSS dialog. You had some CSS definitions that were conflicting pretty badly. Also, the use of position: relative can cause all kinds of problems in certain situations. I've commented out your original CSS and just added my code after yours. Of course, you'll probably want to tweak it some more, but that should get you a start.

    The following screenshot shows it works on desktop and mobile screens.

    Let me know if you have any further questions. I'll be happy to help! :slight_smile:

    Best regards,

    James Morris

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.