SOLVED: Post Navigation: Alignment Issues on Mobile

Same issue as mentioned in this post.

Once the page navigation gets to the mobile breakpoint the arrows disappear (I wish there was a setting where we could control when this happens). I then set the flex direction to column and the link to 100%.

The problem is there is no way to set the flex direction on the next navigation element so it looks off as it is all right justified. I add in some custom css to fix this but in reality the widget should be doing this. BTW I have the image for the post navigation disabled.

.brxe-post-navigation .next-post {
    justify-content: flex-start;
}

Hi Tom,
Thanks so much for your report!

Unfortunately, I can’t understand/reproduce that. Do you have a live link where I can see the problem?

That’s true and could be improved.

Best regards,
timmse

I sent you a direct message with the details.

Hi Tom,
Thanks so much for the credentials!

There seems to be a difference between inline styles and external files. With inline styles, there is no issue and no display: none :crazy_face: We’ll check that!

Best regards,
timmse

Hi Tom,
We’ve fixed this bug in Bricks 1.8.2, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like

hi @timmse, 2026 here. i still have this issue. rather than the code solution that’s floating around, which was:

.brxe-post-navigation a {
width: 50%;
}

maybe also
.brxe-post-navigation .next-post {
margin-top: 0 !important;
}

i just used:

.brxe-post-navigation {
flex-wrap: nowrap;
}

Is this something I should be looking at differently?

Hi @wheeleran ,
Welcome to the forum!

Please create a new thread if you have a problem with the post navigation, and let us know in detail how we can reproduce it. Thank you!

just replying here because you stated that this bug was fixed in 1.8.2 two years ago. i’ve fixed it too, with a bit of css, so i didn’t create a new thread, but i’m wondering why it apparently hasn’t been fixed, or has resurfaced.

Okay, but unfortunately, I don’t understand exactly what you’re getting at. The original problem reported here was a discrepancy between inline and external files—something was missing. If that’s the case again, please create a new report :slight_smile:

ins’t it the post nagivation arrows misalignment on mobile? OP linked to this post as well.

As far as I can see, the problem at the time was that they disappeared (in one of the two style methods).

So, once again: If you have a specific problem, or certain settings are not working, please create a new thread and let us know how we can reproduce the problem :pray:

fair enough, and thanks, but i solved it with nowrap.