• Resolved kylie@eprintdesign.com.au

    (@kylieeprintdesigncomau)


    Great plugin, very happy with versatility. Problem is on mobile: the hover overlay and text is still appearing at full size and is not reducing down to fit cell size. Can you provide some CSS?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author biplob018

    (@biplob018)

    Thanks,
    It happened for the responsive issue. for example, you set 4 columns for the mobile device while the mobile device is normally 500px, so the image is too small.

    I this case I suggest you change settings from my editing panel. You will get several settings under the desktop icon. Check there has an icon beside most of the customization settings. check it and select mobile and set as like as you want.

    in your case, it’s better to change the column to 4 columns for desktop and 2 columns for tabs, and a single column for a mobile device. You can change font size under mobile settings also.

    Thread Starter kylie@eprintdesign.com.au

    (@kylieeprintdesigncomau)

    I really do not want to alter the 4-column look to a 2-column look because of the depth that four layers will cause on a mobile. The problem was resolved by using the information above regarding specific settings for each icon (ie desktop/ipad/mobile) and manually dropping the font size and height to something that fit into the tiny mobile cells.
    So: I went from 26px (desktop) down to 10px (mobile) and added some appropriate adjustment to height and padding… looks perfect!!!
    This plugin does take some effort to make it “sing”, but sing it does! I am very happy.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hover overlay and text not responsive on mobile’ is closed to new replies.