Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 4, 2014 at 12:23 am #362603
    kristenangel

    Hello,
    The tooltips that appear when a user rolls over a logo in the logo grid shortcode runs off the side of the page. I fixed this issue on the right side of the viewport by adding the following: 

    .avia-tooltip {
	width:auto !important;
	margin-left:0px; /*trying to fix left side, but not working */
}

    But for some reason, it’s not working on the left side and the text runs off the page.

    Thanks for your help.

    December 4, 2014 at 4:43 pm #362979
    Yigit

    Hey kristenangel!

    Please try adding following code to Quick CSS

    .avia-tooltip {
max-width: 460px;
margin-left: 20px;
}

    Best regards,
    Yigit

    December 5, 2014 at 10:20 pm #363875
    kristenangel

    Thanks, but I’m still seeing the issue to the left side of the viewport.

    December 8, 2014 at 4:11 pm #364684
    Elliott

    Hey!

    You can try reducing it’s width a bit more.

    @media only screen and (max-width: 479px) {
.avia-tooltip {
max-width: 260px !important;
}
}

    Though it’s looking fine on my end.

    Regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.