Center thumbnails on mobile

[jknetdesign]

I’m using a Fancy Gallery plugin that breaks down to 1 and 2 columns at different break points.
http://www.catherinemcinnis.com/listings/7222-kiva-way/

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;
}

[timbarden]

Hi,

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.

[Author]

Posts