Triangle at the bottom is not showing properly

  • Profile Image
    AdminRSCM
    Asked on September 28, 2017 at 11:32 AM

    Also, the bottom of my form ( the triangle) starts to get messed up at 1370 pixels and less.


    http://flexogenix.com/knee-pain-relief-charlotte/


    or


  • Profile Image
    Jan
    Answered on September 28, 2017 at 12:08 PM

    I was able to replicate the issue. Please give me more time to work on this problem. I will contact you once I have a solution.

    Thank you for your understanding.

  • Profile Image
    AdminRSCM
    Answered on September 29, 2017 at 04:10 PM

    ok thank you

  • Profile Image
    Jan
    Answered on October 01, 2017 at 10:34 AM

    Sorry for the delay.

    Please use this CSS code to fix the issue when the webpage is opened in a 1370px device:

    /* 1370px bottom triangle fix */
    @media only screen and (max-width: 360px) {
    .form-all:after {
    border-left: 157px solid transparent !important;
    border-right: 157px solid transparent !important;
    border-top: 30px solid #172751 !important;
    }
    }

    Here's the result: 

    Hope that helps. Thank you.