Portfolio items shifted to the left in responsive view

- 8 years, 10 months ago paolodellab
  Participant
  
  Expired
  
  I have created a 5-column portfolio in my website homepage and it works fine.
  
  However in responsive view, when the portfolio is shown on 1 column, the portfolio items are shifted to the left and consequently cut off – this is more clearly visible when the viewport is under 640px or so and you place the cursor on the image.
  
  I have checked margin and padding in the CSS stylesheets but I have not figured out how to manage this.
  
  Can you help please?
  
  Website under construction (login added to my profile)
  
  Thank you and kind regards,
  
  Paolo
- 8 years, 10 months ago Kris
  Participant
  
  Hello,
  
  Sorry, but i don’t see any problem with the portfolio item being cut off or shifted to the left on responsive mode. Did you manage to fix the issue?
  You have a very old version of tower theme. I recommend you to update theme to the latest version. We make many improvements on every release.
  Let us know.
  
  Best regards!
- 8 years, 10 months ago paolodellab
  Participant
  
  Expired
  
  Hi Kris,
  
  Look at the screenshot below:
  
  You can see how the image with the red background is cut at its left hand size.
  
  I can not update the theme because I have edited some files and I would lose thos customizations.
  
  Kind regards,
  
  Paolo
- 8 years, 10 months ago Mirela
  Participant
  Hello,
  
  I added this code into your custom css box:
  
  @media (max-width: 480px){ .portfolio-item.overlayed .tpl2 { padding-left: 20px; }}
  
  This is the result screenshot. Let us know if you need further help.
  
  Best regards!