Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 9, 2021 at 5:09 am #1328277
    navindesigns

    On my portfolio item – http://alexandere55.sg-host.com/portfolio-item/kvl-design-group – at the top I have a layer slider with a computer image and 4 icons, I am trying to make the 4 small icons clickable links, every-time I add the links in layer slider the icons move to the top left of the slider (you can see an example of one of the icons that currently has a url link set). why is this happening?

    Screenshot of where icon is and where It should be – https://ibb.co/wYwXJFH

    November 9, 2021 at 10:00 am #1328319
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    Looks like the link tag itself is acquiring its own position (top, left) property, which is not what is set in the layer slider panel. To fix the issue, we switch the layer type to html, added the image manually using img tag and applied a custom css class name (av-ls-icon) to the layer in the Link & Attributes panel. We also added this code in the Quick CSS field to resize the image or icon properly.

    .av-ls-icon img {
   width: 100%;
   height: 100%;
}

    Best regards,
    Ismael

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