Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 26, 2019 at 2:01 am #1160147
    ezdginc2017

    Hi,
    Could you please let me know how to only have captions below the portfolio images when viewed on a mobile phone? The captions are showing up below (where they belong) plus also right on top of the image and obscuring it. The caption from the first thumbnail you touch becomes sticky and stays on top of all the other images you scroll through.

    If you begin viewing the portfolio by touching the first, large main photo at the top, the portfolio captions work properly. But if you begin by touching one of the thumbnails, its sticky caption obscures all subsequent images.

    We display our portfolio grid as an Ajax Portfolio.

    Thank you for your advice.

    November 27, 2019 at 3:11 pm #1160653
    Victoria

    Hey ezdginc2017,

    Could you please attach some screenshots of the issue? I cannot reproduce the issue on my end.

    Best regards,
    Victoria

    December 3, 2019 at 3:14 am #1162054
    ezdginc2017

    Hi Victoria,

    Could you please let me know how to attach screenshots that I have?

    The way to reproduce the issue is to use your cell phone and navigate to Portfolio then New Homes. Click on Rincon Valley Residence. Touch one of the thumbnails a ways down (but not the first one) below the main image. You’ll see the caption appears twice – below the image and larger on top of the image. Now scroll through the images using the arrows. You’ll see the caption for the first image sticks and covers all subsequent images.

    Thank you again for your help.

    December 5, 2019 at 2:55 pm #1163008
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
.avia_mobile .page-id-2347 .avia-tooltip.avia-tt {
    display: none!important;
}

    Best regards,
    Yigit

    December 12, 2019 at 5:39 am #1165059
    ezdginc2017

    Hi Yigit,

    Thank you so much! That code worked for that portfolio item. How do I get it to work for all the portfolio items? I’m thinking the .page-id-2347 applies to part but not all of the portfolio.

    Thank you again for your help.

    December 12, 2019 at 7:06 am #1165086
    Jordan Shannon

    Hi,

    Just remove the id:

    .avia_mobile .avia-tooltip.avia-tt {
    display: none!important;
}

    Best regards,
    Jordan Shannon

    December 12, 2019 at 6:44 pm #1165281
    ezdginc2017

    thank you Jordan! That is so much better than having to list all the page id’s, which would have been clunky with future pages being added.
    Thanks again!

    December 12, 2019 at 7:23 pm #1165296
    Jordan Shannon

    Hi,

    No problem at all. Did you need additional help or shall we close this topic?

    Best regards,
    Jordan Shannon

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