Image centering bug in mobile.

  • Resolved zcoder

    (@zcoder)


    6 years, 1 month ago

    Hi. I have simply added the image blog to show my logo and centered it in the options.
    When I load it on my phone or even make the browser narrow, the image shifts to the left for no apparent reason.

    I have no css affecting this block in any kind of way which would cause this. In fact, I have removed all the CSS for testing and it still shifted to the left.

    I wanted to manually fix this via css but I don’t see to see any of your media queries. I guess you’re doing it via shortcodes?

    I hope you can help.

    Many thanks.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor Ben Carlo

    (@hinampaksh)

    Hey @zcoder,

    Thanks for posting!

    It looks like the TwentySixteen theme sets the images in the content area to display: block; which is causing the issue.

    You can place the snippet below under Tools > Global Settings > CSS to override that style and fix the issue. ??

    .fl-photo .fl-photo-content img {
  display: inline;
}

    Ben

Viewing 1 replies (of 1 total)
  • The topic ‘Image centering bug in mobile.’ is closed to new replies.