[Resolved] Combining 2 divs on one line

Home Forums Support [Resolved] Combining 2 divs on one line

Home Forums Support Combining 2 divs on one line

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2031385
    Paul

    I now have the FAQ breadcrumb outputting in the right place, however, for some reason, it does not use the website home as the root of the breadcrumb (like the yoast breadcrumb). SO, to make it consistent with the rest of my website I added some HTML to the hook creating an outer div and a link that goes to the home page. Functionally this is fine, but the link does not appear on the same line as the faq breadcrumb, so it looks rather naff.

    How can I make them appear on the same line?

    I’ve tried a couple of things that didn’t work but my CSS is not great (as you might have guessed!)

    You can see the problem on
    https://www.suddencardiacarrestuk.org/faq-questionimplantable-devices/are-there-any-medications-that-defibrillator-patients-should-not-take/

    Thanks for your help

    #2031453
    David
    Staff
    Customer Support

    Hi there,

    you would need to give the div.grid-container HTML a class you can use eg.

    <div class="grid-container grid-parent breadcrumb-container">

    then you can add some CSS Flexbox to it:

    .breadcrumb-container {
        display: flex;
        align-items: center;
    }
    #2031920
    Paul

    Perfect!

    Thanks David!

    #2031940
    David
    Staff
    Customer Support

    You’re welcome

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.