Moving Breadcrumb Position

#304348
  • Resolved Ben Levy

    3 years, 2 months ago

    Rank Math free

    I have breadcrumbs set up on my site, but I would like to move them upward on the page so that they overlapping with the header (above the title words). basically, I just want to move the breadcrumbs to an arbitrary position vertically upwards. Is this possible using some custom CSS? For reference, this is my website, I am using the Hestia theme, and I am copying the CSS I’m already using below:

    .rank-math-breadcrumb {
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    }

    .rank-math-breadcrumb > p {
    background: #151515;
    margin-bottom: 0;
    padding: 0 5px;
    }
    .rank-math-breadcrumb a {
    color: #91eaff;
    }

Viewing 1 replies (of 1 total)
  • Jeremy

    3 years, 2 months ago

    Hello,

    Thank you for contacting the support and bringing your concern to our attention.

    The breadcrumbs code needed to be relocated within the theme structure and this would depend on how your theme structure is created, you may contact your theme author as they are in the best position to help you place your breadcrumbs code to your preferred location.

    <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

    This may not be possible with CSS as you will only change the appearance of the breadcrumbs, not the placement. If you do need to change the placement using CSS, you can make use of position property and set it to absolute. You should be able to control the position of the breadcrumbs with some other tweaking to make it perfect.

    Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.

    RankBot

    3 years, 1 month ago

    Hello,

    Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.

    If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.

    Thank you.

Viewing 1 replies (of 1 total)

The ticket ‘Moving Breadcrumb Position’ is closed to new replies.