Archived topic
Combining 2 divs on one line
3 replies · Started by Paul on November 30, 2021
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
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;
}Perfect!
Thanks David!
You're welcome
