Next/Prev post navigation arrows

How To
1

Getting site visitors to view extra posts is notoriously difficult on mobile.

Having next/previous arrows on a post seems like about the best way to do it.

Does anyone know how to do it in Bricks?

(This is not a recommendation for the news source! :grinning_face_with_smiling_eyes:)

image
image433Ɨ669 104 KB

2

Hi @flimflam ,

If itā€™s a single post or page template you can use the post navigation element.
If itā€™s the posts element which shows x posts on e.g. you homepage, there is a ā€œnavigationā€ option at the end of ā€œcontentā€ settings of the posts element which works like a pagination (1 2 3 4ā€¦).

If you really need arrows, the go to choice is the carousel element, which can show posts - with prev and next arrows.

Best Regards,
timmse

3

@timmse you should receive some compensation from @thomas for great work on this forumā€¦ :smiley:

3 Likes
4

It is already on the idea board @tole011 :rofl:

3 Likes
5

well, you have my voteā€¦

2 Likes
6

Hi @timmse - Thanks for the response. Iā€™m not sure I explained myself clearly.

Iā€™m looking to navigate, within a post, to the next post.

Perhaps itā€™ll be easier to show an example from the same site.

(Once you click the right arrow, one appears on the left so you can return too)

7

Hi,

I listed all other options because it wasnā€™t clear where you you want the arrows to appear :slight_smile:

1 Like
8

Thanks again for your help @timmse.

I went back to the suggestions and got the following working.

Using a Post Navigation element ( :smiley:) I pretty much turned off all of the Content options, leaving just the arrows.

I then changed itā€™s Positioning style to be Sticky, setting the top to be 50% and the Z index to 1.

Iā€™m really please to say the arrows now stay in the position as you scroll up and down, taking you to the next /previous story when clicked on.

image
image1278Ɨ402 186 KB

Iā€™ll play around more on the formatting, but the concept has been proven! Thanks again @timmse

(Settings of the Post Nav)
image

1 Like
9

Nice, iā€™m glad it worked out.
Thanks for sharing your settings!

10

Iā€™ve been making more changes/tuning the Prev/Next arrows. All working well. Only thing is that when viewed on a mobile the two arrows arenā€™t next to each other, but staggered, one beneath the other. Any idea how I can fix this @timmse?

image

11

Hi,
Can you share this as a section template?

12

Sure. Will message you