Stack post navigation buttons when title is too long?

Hi Dave,

I am wondering if it is possible to make the post navigation buttons stack when one or both titles are long enough to force a line break?

I don't think it's as simple as some CSS can make it happen.

I would suggest do NOT use buttons block inside the Gird, but use the headline block. Set the Grid vertical alignment to default, set the background color to the Grid > Container block. Then they two containers should be the same height.

Thank you Ying, I will give this a try tomorrow morning. Have a good night.

Let me know how it works :)

Just working on it now. Almost there, I am just wondering how to move the icon for the next post headline to the right of the text? And also how to make the entire container(s) clickable.

Thank you

Try this CSS:

p.gb-headline.gb-headline-40902805 > .gb-headline-text {
    order: -1;
    padding-right: 0.5em;
}
/*CLICKABLE CONTAINER*/
.gb-container.gb-container-2f2850a8 .gb-container a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.gb-container.gb-container-2f2850a8 .gb-container {
    position: relative;
}

I don't know if you have GB pro, if so, the /*CLICKABLE CONTAINER*/ part of CSS is not needed, you can set container link within the GB container settings.

I do have GB Pro but when I go into the container link settings I do not see any dynamic options? I only see the option to add a specific url? Am I missing something there?

Icon code works perfectly, thank you :)

I've added the /*CLICKABLE CONTAINER*/ code for now and it is working perfectly. Unless I am missing a dynamic setting for the container links I will stick with your code.

Thank you again for all of your help Ying

Update: went back to look again for the dynamic link option for the container and found it. Removed the /*CLICKABLE CONTAINER*/ code and it is still working :) Thanks again.

Great!

You are welcome :)