Home Forums WoodMart support forum Potential issue with the Quick View popup

Potential issue with the Quick View popup

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #678885

    hosting-1475
    Participant

    I’d like to report a small issue that I’m not sure is related to my custom theme settings or a possible bug.
    When I open the “Quick View” popup, the social media icons for Share appear grouped together at the beginning of the product title (see attached images). I fixed it with the following CSS:

    .popup-quick-view .wd-icon {
    position: static !important;
    }

    position: “static” instead of “absolute”

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

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards,

    #678922

    hosting-1475
    Participant

    Hello,
    Thanks for the reply, I’ve added the login credentials to the private content.

    #679004

    Hello,

    I’ve checked, and the issue is being caused by your custom CSS added in Theme Settings > Custom CSS:

    .wd-icon {
      position: absolute;
      top: 10px;
      left: 0;
    }

    This rule forces all .wd-icon elements (including the Quick View share icons) to be positioned absolutely, which causes them to overlap the product title.

    If you remove this CSS, the icons will appear in their correct position without needing to override it inside the Quick View popup.

    Best Regards,

    #679036

    hosting-1475
    Participant

    Thanks for your reply.
    Just to better understand the issue, after your review, I checked the theme settings and the specific CSS that controls the icon’s positioning in the list is still present, with the class “wd-list-content list-content” (see image):

    .wd-icon {
      position: absolute;
      top: 10px;
      left: 0;
    }

    I noticed that you removed the specific CSS I had added:

    .popup-quick-view .wd-icon {
    position: static !important;
    }

    But now everything works correctly in the Quick View popup and the CSS hasn’t been removed.
    How is this possible?

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

    hosting-1475
    Participant

    Now everything is clear, I solved it like this:

    .wd-list .wd-icon {
    position: absolute;
    top: 10px;
    left: 0;
    }

    This way, the icon is positioned only for the wd-list element.
    Thanks for your help, problem solved!

    #679211

    Hello,

    Sounds great that your issue has been solved.

    If you have a moment, we’d really appreciate your feedback — it helps us improve the theme and shape future updates: https://tally.so/r/w4l54k

    Thanks again for contacting us.

    Topic closed.
    Best Regards,

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

The topic ‘Potential issue with the Quick View popup’ is closed to new replies.