Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 4, 2014 at 12:20 am #345638
    djshortkut

    When I pull up my portfolio grid on a mobile device such as the iPad a lower border line is showing up (see image) How do I remove the lower border line I have highlighted in the image so that area remains white? I think it has to do with some of the titles for the galleries go to 2 lines on smaller screens and this is when the lower border appears. Thanks in advance!

    November 4, 2014 at 4:21 pm #345908
    Yigit

    Hey djshortkut!

    Please add following code to Quick CSS

    @media only screen and (max-width: 480px) {
#top div .no_margin { margin-bottom: 0!important; }}

    Best regards,
    Yigit

    November 5, 2014 at 8:22 pm #346734
    djshortkut

    This didn’t work

    November 6, 2014 at 8:56 am #347006
    Ismael

    Hi!

    If possible, post the url of the actual page with the issue. You can set a min height for the grid content container:

    @media only screen and (max-width: 1024px) {
.grid-entry.isotope-item .grid-content {
background: #ffffff;
min-height: 68px;
}
}

    Or decrease the font size of the portfolio title:

    @media only screen and (max-width: 1024px) {
.grid-entry-title {
font-size: 11px;
}
}

    Cheers!
    Ismael

    November 8, 2014 at 8:54 am #348095
    djshortkut
    This reply has been marked as private.
    November 9, 2014 at 10:02 pm #348464
    Andy

    Hi!
    use this line before css changes to target iPad in portrait mode:
    @media only screen and (max-width: 989px) and (min-width: 768px)

    Best regards,
    Andy

    November 10, 2014 at 7:41 am #348659
    djshortkut

    That did it, thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Portfolio Grid Lower Border Lines’ is closed to new replies.