[Resolved] responsive not working

[Author]

Posts

[charlottew]

stars don't show properly on mobile or tablet view on my page hidden link.
They all show but i have too many columns i think.
I dont know how to make this responsive.

[Luo Yang]

Hello,

I can see the problem in the URL you mentioned above, but this issue does not relate with Toolset plugins, it should be a custom CSS codes issue of your website, for example, if you remove the CSS class name "tooltip" from the HTML div tag, I can see the stars in my browser, see my screenshot stars1.JPG

[charlottew]

Hello, thank you for your reply.
I was hoping all of the stars could show on one screen?

[charlottew]

.tooltip {
position: relative;
display: inline-block;

}
.tooltip:hover {
background-blend-mode: lighten;
background-color: #58595B;
width: 25px;
}

/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;

/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;

that is the CSS if that helps?

[Luo Yang]

It depends on yourself, I have tried it again, it seems to work fine, see my screenshot mobile2.JPG
Is this problem resolved?