Arrow Positioning - Switching between gallery pages

Hi! 

I'm currently building my photography website, and wondering if it's possible to inject some CSS code to move the < > buttons.  They currently sit on the bottom of the page where I have to scroll through the whole gallery before seeing them.  Is there a way to move these so they are fixed in the middle of the page, similarly positioned to where I've drawn them.

Thanks  in advance! 

Sachin

Hi,

We can use some CSS code to move it. If you share link to page in screenshot, we can check easier

Hi,

Website link - https://parakeet-hen-4zfd.squarespace.com/portfolio/urban

Pw: Hello

I'd like the same arrow positioning across all three pages under the portfolio section if possible.

Thanks in advance

Sachin

You can use this code to Website > Website Tools > Custom CSS

section#itemPagination {
    position: fixed;
    top: 50%;
    width: calc(~"100% - 40px");
    transform: translateY(-50%);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

section#itemPagination>a:nth-child(2) {
    justify-content: flex-end;
}