Portfolio Not Lining Up Correctly

Site URL: http://chasepickering.design

I have a portfolio website and I am having trouble aligning my content with my header and footer. I want the content to span the full 1200px of my website (line up with the header and footer) and retain the 3vw margin as it is resized. Would also like the left and right navigation arrows to line up with the footer. I have been messing with it for about 2 hours now and cannot figure out a solution. Hope I was clear enough and I would really appreciate the help! 

2 hours ago, chspck said:

Site URL: http://chasepickering.design

I have a portfolio website and I am having trouble aligning my content with my header and footer. I want the content to span the full 1200px of my website (line up with the header and footer) and retain the 3vw margin as it is resized. Would also like the left and right navigation arrows to line up with the footer. I have been messing with it for about 2 hours now and cannot figure out a solution. Hope I was clear enough and I would really appreciate the help! 

 

You mean like this

.item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] {
  max-width: 1200px;
    margin: 0 auto;
}

15 hours ago, bangank36 said:

You mean like this

.item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] {
  max-width: 1200px;
    margin: 0 auto;
}

Thank you for the response! Yes that worked for the footer, but on my homepage I am still having trouble lining up the content with the header and footer. See attached.

Try adding to Design > custom CSS

/* align header - main content */
div#gridThumbs {
    padding-left: 0;
    padding-right: 0;
}

5 hours ago, tuanphan said:

Try adding to Design > custom CSS

/* align header - main content */
div#gridThumbs {
    padding-left: 0;
    padding-right: 0;
}

 

That does work when the window is full size, but I would like to retain the 3vw margins as it gets smaller. See attached.