The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Center thumbnails on mobile

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #210280

    I’m using a Fancy Gallery plugin that breaks down to 1 and 2 columns at different break points.

    Here’s the breakpoints I’ve been using
    @media (max-width: 960px)
    @media (max-width: 767px)
    @media (max-width: 414px)

    I tried this style on the the iPhone media query 414px

    div.fg-panel ul.fg-thumbHolder {
      margin: 0 auto !important;
      width: 300px !important;


    A lot of inline styles are being applied to the list items (I assume by the plugin), which aren’t helping particularly.

    Essentially, you need to lose the float: left; and margin-right: 30px !important; off the list items and maintain a margin: 0 auto; on these to keep things centered. However, the inline styles are overriding the margin value, which you’ll need to control to sort your issues.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.