Portfolio grid page and menu not responsive

Hi,

So I figured out the responsiveness – I had a CSS code inserted that said the width of my portfolio icons is 355 px (actual width of my icons). But removing this code means that the portfolio grid is not aligned with the margins of the top primary menu, on the left or on the right. This can be seen from the home page above. Is there a way I can make the portfolio icons align with the logo on the left and the primary menu on the right?

Thanks

Hey things look good when I check your link did you fix this?

Kadence Themes

Hi,

I fixed the responsiveness issue. The portfolio icons now are 355px. If I make then any smaller then the icons are not aligned with the left and right margins. I think each portfolio icon has a width of 355px for 3 columns (from the PHP) and any size smaller than this is not aligned with page margins. I tried changing the PHP file for portfolio grid template but that didnt work. IS there another way?

Thank You.

I don’t see any issues. It stays responsive for me, which browser are you checking in?

Else what are you wanting to do?
Kadence Themes

Hi,

Sorry the issue is not responsiveness now, the website is fully responsive. My portfolio grid images are not aligned with the left or right margins or the page. Please see here: https://www.yaminivenkataraman.com

Is there a way I can make the left most column align with my logo?

Thanks

Hey,
Sure you can left align your portfolio images but I don’t think that makes much sense? If you want to use images that are only 250 by 250 why not use a four column grid?

If you left align your images they are still a part of a three column structure. So the photo can be left aligned but the div box the image is in will still be 1/3 of the width. so you will have a large gap on the right side of the screen.

The issue is that you are wanting to put images that are 250px in a box that is responsive based on screen size and on larger screens thats a box of about 366px.

You can see what I mean if you add this css and left align your images.

.portfolio_item img {
margin:0;
}

Kadence Themes