Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Add a backslash seperator to archive category list?


Moni_B

Question

7 answers to this question

Recommended Posts

  • 0
9 minutes ago, Moni_B said:

Sorry! 

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

and screenshot is below.

 

Screen Shot 2021-03-25 at 4.05.34 PM.png

You can try

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

image.thumb.png.2e27d52f7ed1f81fcd1a1420fca097bd.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
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%;
}

image.thumb.png.2e27d52f7ed1f81fcd1a1420fca097bd.png

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? 🙂

Link to comment
  • 0
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?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
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!

 

IMG_AD373FD950AB-1.jpeg

IMG_9846F26DB4E3-1.jpeg

Link to comment
  • 0

@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>

image.thumb.png.90f064574210f4463e2d5dc6e9da2ac1.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...