The content in mobile version is not displayed correctly

The way the projects are displayed in mobile version, the white boxes are pasted one on top of the other. Is there a way to insert a css code so that there is space between each box?

I'm also interested in making the white box 20% transparent so I can see the image below.


http://www.huevos-fritos.com/espacios/

Comments

  • Hello,

    The best option will be to decrease the font size because changing the margin will break the display on your website.

    @media screen and (max-width:767px){
       .portfolio-photo .portfolio-details h3{
          font-size: 15px!important;
     }
    }
    

    I noticed that you already add transparency to the boxes. Am I right?


    Best regards

  • yes! Many thanks for your quick help

Sign In or Register to comment.