Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #11620
    JulienDNTFR
    Participant

    I have created a gallery with Catch Gallery and the images are minimized  on a mobile device. Is there a way to center the gallery?

    I have tried using this HTML code but it does not seem to work. <center></center>

    The gallery still defaults to the right hand side.

    Is there a better way with CCS for example?

    You can see this page example on a mobile device.

    http://www.bulgaria-pyramid.com/test/

    Thanks for your help!

    Julien

     

    #11624
    Skandha
    Keymaster

    @juliendntfr: Hello Julien,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width: 600px) {
    .tiled-gallery-item.calling-this img {
    width: unset !important;
    height: unset !important;
    }
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #11643
    JulienDNTFR
    Participant

    HI Skandha

    It actually hasn’t worked. I have uploaded the CSS but it does not center the gallery on the page. It keeps it on the right hand side of the page in a mobile browser.

    I have made created 3 galleries with 1 image each on this page to show you as an example:

    http://www.bulgaria-pyramid.com/test/

    Please let me know if I can amend the CSS to center the gallery?

    Thank you

    Julien

    #11664
    Skandha
    Keymaster

    @juliendntfr: Hello Julien,

    Can you attach a screenshot of the issue at your end? It seems to be centered at my end.

    Kind Regards,
    Skandha

    #11673
    JulienDNTFR
    Participant

    Hi Skandha

    I have attached a screen shot taken from a mobile browser.

    The problem is with mobile browsers (Android). On a desktop computer it works fine.

    Below is the code on the page with a test with and without HTML center tags

    test

    <center>[gallery type="circle" size="full" ids="XXX"]

    </center>

    test txt

    [gallery type="circle" size="full" ids="XXX"]

    test txt

    <center>[gallery type="circle" size="full" ids="XXX"]

    </center>

    test txt

    [gallery type="circle" size="full" ids="XXX"]

    test txt

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.