Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 9, 2014 at 9:25 am #234361
    mdekievit

    Hi,

    I have some trouble removing the border/box-shadow from my site in Safari.
    The desktop version was no problem, I used

    .grid-entry .inner-entry {
    box-shadow: none !important;
    }

    and I put it in my child themes style.css under

    @media only screen and (max-width: 767px) {}

    Am I missing something obvious?

    Regards,
    Matthijs

    March 10, 2014 at 7:50 am #234552
    Ismael

    Hey mdekievit!

    Thank you for using the theme. I hope you’re doing well today.

    Can you please give us a link to the actual page with the grid content? We need to inspect it.

    Best regards,
    Ismael

    March 10, 2014 at 8:01 am #234561
    mdekievit
    This reply has been marked as private.
    March 10, 2014 at 1:27 pm #234662
    mdekievit

    Hi Ismael,

    I’ve done some reading, could it be a iOS7 bug?
    http://stackoverflow.com/questions/19088381/ios-7-browser-kit-black-borders-around-div-elements

    Have you heard anything from other users?

    Kind regards,
    Matthijs

    March 10, 2014 at 2:37 pm #234714
    Ismael

    Hi!

    I can’t check this on an iOS device. I’ll ask Josue and Devin to check this. Please wait for their response. I haven’t heard of the same issue from other users.

    Best regards,
    Ismael

    March 12, 2014 at 9:04 am #236173
    mdekievit

    Hi Ismael,
    I haven’t found the cause but found a solution: in the theme settings I had the responsive option to Fixed Layout.
    Setting it to one of the other options removed the border.

    Kind regards,
    Matthijs

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Remove border from grid-content block mobile (iOS Safari)’ is closed to new replies.