• Resolved mtarango

    (@mtarango)


    I have a few issues with the mobile responsiveness of this plugin.

    1. On all pages that have a gallery, there is added white space on the right side, making scrolling difficult
    https://ibb.co/mT4Ljb

    2. There’s no where to specify caption title and text size for mobile, and the text is getting cut off
    https://ibb.co/j1FeAG

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Diego

    (@greentreelabs)

    Hi there,

    1. checked with my phone but I don’t see that white space, what version of iPhone are you using? What page is that one? The second screenshot doesn’t seem to have the white space.

    2. if you want to customize the font size you need to add a custom CSS, for example:

    @media screen and (max-width: 480px) {
         .final-tiles-gallery .tile .caption-block .text-wrapper span.title { font-size: 12px; }
         .final-tiles-gallery .tile .caption-block .text-wrapper span.description { font-size: 12px; }
    }

    adjust the font-size value based on your needs.

    Thread Starter mtarango

    (@mtarango)

    Thank you. That seems to change the title text size, but the caption text isn’t resizing.

    Diego

    (@greentreelabs)

    sorry, it’s:

    @media screen and (max-width: 480px) {
         .final-tiles-gallery .tile .caption-block .text-wrapper span.title { font-size: 12px; }
         .final-tiles-gallery .tile .caption-block .text-wrapper span.text { font-size: 12px; }
    }
    Thread Starter mtarango

    (@mtarango)

    That didn’t seem to change anything either. I tried adjusting the sizes and they stayed the same.

    https://ibb.co/iOLTUm

    Diego

    (@greentreelabs)

    sorry… that should be the right one 😉

    @media screen and (max-width: 480px) {
         .final-tiles-gallery .tile .caption-block .text-wrapper span.title { font-size: 12px !important; }
         .final-tiles-gallery .tile .caption-block .text-wrapper span.text { font-size: 12px !important; }
    }
    Thread Starter mtarango

    (@mtarango)

    Great, thank you!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Mobile responsiveness issues’ is closed to new replies.