Boxes distortion on mobile view

Home › Forums › Blendit Theme Support › Boxes distortion on mobile view

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 24, 2017 at 6:50 pm #63189
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Hi, How can I fix the box distortion mobile? I added a fifth box, it looks good on desktop view
    but it distorts on mobile view
    preview: https://screencast.com/t/wHe6rqGvZute

    Thanks for your support

    February 27, 2017 at 5:04 am #63313
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31258
    • Total: 31258
    Member since: August 16, 2013

    Hi Laura,

    It seems that you hide that section on your site. Kindly unhide that section so that we can provide you CSS code.

    Regards,
    Dave

    February 27, 2017 at 4:47 pm #63518
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    They appear on the home page as so http://mysbiz.com/SWPA/
    so I am not sure how they were hidden.

    February 28, 2017 at 6:31 am #63587
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31258
    • Total: 31258
    Member since: August 16, 2013

    Hi Laura,

    Kindly add this code in Custom CSS Box:

    @media screen and (max-width:479px){
    #advantage .fourbox{width:100% !important;}
    }

    Regards,
    Dave

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.