Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1160147

    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.

    #1160653

    Hey ezdginc2017,

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

    Best regards,
    Victoria

    #1162054

    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.

    #1163008

    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

    #1165059

    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.

    #1165086

    Hi,

    Just remove the id:

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

    Best regards,
    Jordan Shannon

    #1165281

    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!

    #1165296

    Hi,

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

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.