Tooltip image position

Home › Forums › Jevelin Theme › Tooltip image position

Home › Forums › Jevelin Theme › Tooltip image position

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    NOT RESOLVED Posts

  • marion
    Participant

    Hi,
    I have an issue with image tooltip on Jevelin template : Indeed,
    images are not displaying in front, it is under thext.
    I verified the code about the z-index, and I have this :
    .sh-image-point-tooltip { z-index: 999999!important; }

    .sh-image-point:hover{ z-index: 9999!important; }

    Can you help me ?

    Kind regards,

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @marion,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

     

    Kind regards,
    Shufflehound team

    marion
    Participant

    hi,

    Thanks for your reply.

    Here is the URL : http://www.lesforeziales.fr/nos-salles-de-seminaires-loire-42/

     

     

    Kind regards,

     

    Marion

    Shufflehound Support
    Moderator

    You can try resolving this issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-column-a96cd8cb53f3276e9c51a67a87653b58 .sh-column-wrapper {
z-index: 9999;
}

    marion
    Participant

    It works weel, thank you very much.

    Unfortunately, tooltip images are not responsive (please see screenshot attached). Any solution for this ?

     

    Kind regards,

     

    Marion

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Unfortunately, tooltip images are not responsive (please see screenshot attached). Any solution for this ?

    It’s Unyson plugin issue. We can’t make it 100% responsive but can improve a bit by using below custom CSS code.

     

    @media (max-width: 768px) {
span.sh-image-point-tooltip {
    left: -130px;
    top: 35px;
}
}

    marion
    Participant

    Hi,

    It didn’t change anything… 🙁

    Shufflehound Support
    Moderator

    I can see it does work on smaller mobile screens less than 768px as shown in the attached screenshot.

    Please advise on what screen size you are testing it.

    Attachments:
    You must be logged in to view attached files.

    marion
    Participant

    Hi,

    I have a problem on mobile; please see screenshots attached :

    bullets on map are “flashing” and then disapear; after that no “+” on the map and no possibility to click and see image.

     

    Kind regards,

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    I can see it is different URL in your shared screenshots so could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

    Also doesn’t this happen on http://www.lesforeziales.fr/nos-salles-de-seminaires-loire-42/ ?

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)