Add a backslash seperator to archive category list?

Site URL: https://monibarry.squarespace.com/

Hi there,

I would like to add a "/" separators between my category archive list items.

Site: https://monibarry.squarespace.com/
P/W: password123

Can anyone please help?

Where is archive list? Can you take a screenshot?

11 hours ago, tuanphan said:

Where is archive list? Can you take a screenshot?

Sorry! 

It's on this page https://monibarry.squarespace.com/journal

and screenshot is below.

9 minutes ago, Moni_B said:

Sorry! 

It's on this page https://monibarry.squarespace.com/journal

and screenshot is below.

 

You can try

.archive-group-list .archive-group {
  position: relative;
}
.archive-group-list .archive-group:after {
  content: '/';
  position: absolute;
  top: 0;
  right: -20%;
}

16 hours ago, bangank36 said:

You can try

.archive-group-list .archive-group {
  position: relative;
}
.archive-group-list .archive-group:after {
  content: '/';
  position: absolute;
  top: 0;
  right: -20%;
}

Thank you so much that worked on my laptop but on my ipad the separators hover over the centre of the words? Any help with that one? 🙂

4 hours ago, Moni_B said:

Thank you so much that worked on my laptop but on my ipad the separators hover over the centre of the words? Any help with that one? 🙂

Could you send some screenshot?

On 3/26/2021 at 1:23 PM, bangank36 said:

Could you send some screenshot?

Yes - here is a screenshot of my website when I look at in on the ipad.

The two pages that I have sent through are my home page www.monibarry.com and my blog page www.monibarry.com/journal

Thank you!

@Moni_B it looks like you solved?

I see on tablet, the layout has break.

You can add this to Journal Page Header

<style>
  @media screen and (max-width:900px) and (min-width:641px) {
  .archive-group-list {
    flex-wrap: wrap;
}
  }
</style>