Viewing 6 posts - 1 through 6 (of 6 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
    Participant

    @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
    Participant

    @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

    http://www.bulgaria-pyramid.com/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

    #11891
    tikaram
    Keymaster

    @juliendntfr: Are you still facing the issue with Gallery ?  I tried to check the test page but the content has been removed. Please let me know if you are still having the Gallery related issue or any other theme related issues.

     

    Regards,
    Tikaram

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Catch Gallery Cicrle non-responsive’ is closed to new replies.