move portfolio pagination arrows inline with page header block

Site URL: https://www.jennbutterworthinteriors.com/portfolio/modern-coastal

Hi, Hoping someone can help with some css. I'm using SS7.1

1. I'm trying to move the portfolio pagination arrows from the bottom of the page to the top but inline with the page title. 

2. I'm also trying to reduce the amount above the top of the logo

Hopefully those both make sense. 

#2. Add to Design > Custom CSS

div#wm-subnav {
    display: none !important;
}

#1. 

/* Move portfolio pagination to top */
body.collection-5eabf92615e0104404382757 main#page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-top: 150px;
}
 body.collection-5eabf92615e0104404382757 section.item-pagination.item-pagination--prev-next {
    padding-top: 0;
    padding-bottom: 5px;
}
  body.collection-5eabf92615e0104404382757 #page section:first-child {
    padding-top: 10px !important;
}

@tuanphan thank you so much. Both worked. The moving the pagination up to the top - I was wondering if there was a way to write the css to have the arrows be inline with the page title?

On 8/22/2022 at 1:00 AM, JBint said:

@tuanphan thank you so much. Both worked. The moving the pagination up to the top - I was wondering if there was a way to write the css to have the arrows be inline with the page title?

You can adjust padding top value in this code

body.collection-5eabf92615e0104404382757 section.item-pagination.item-pagination--prev-next {
    padding-top: 0;
    padding-bottom: 5px;
}