Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 2, 2025 at 1:34 pm #1476167
    Augeundso

    Hi guys,
    in another thread i already asked for that:
    The gallery on smartphone looks strange.
    When i want a large image and thumbnails under the large image theres too much space between image and thumbnails.
    Guenni wrote a code for me:

    #top div .avia-gallery .avia-gallery-big,
    #top div .avia-gallery img {
    padding: 2px;
    }

    Where do i have to add this? Or do i need another code.
    Here is an example:

    Rückblick: Sportlerball der Union Wesenufer – Ein unvergesslicher Abend!

    Remember. On PC everything is OK. Just on smartphone it looks weird.

    February 2, 2025 at 3:02 pm #1476177
    Mike

    Hey Augeundso,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 1270px) { 
#top #main .avia-gallery .avia-gallery-big-inner {
    height: auto;
}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 2, 2025 at 8:18 pm #1476205
    Augeundso

    Works. Great. Thanks a lot.

    February 2, 2025 at 8:32 pm #1476206
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Gallery on Smartphone looks weird’ is closed to new replies.