Label with html should not shrink when responsive (mobile device)

Support
#1

Hello!

How to fix the following?
On my homepage I have a couple of labels containing html code. For example: “a href=“http://www.residaconsultancy.nl/diensten/organisatieadvies/” style=“color: rgb(255,255,255)”>Organisatieadvies</a”.

Obviously starting and ending with the “<” and “>”

For some reason these labels and the content is shrinking in responsive mode (e.g. mobile device) in such a way that the entire label is unreadable. How to prevent that?

Regards, Jerrel

#2

Hi There,

I’ve just checked your website on my iPhone and the texts look fine:

Could you please provide us with your screenshots how it looks on your end?

Thanks.

#3

Thanks for your quick reply!
See attached image on the right hand side…

#4

It should look like this…

#5

Hi there,

i tried checking you site but there seems to be a plugin active on the site that disables right click and the code checking.

Kindly temporarily disable it so that we can check it.

Thank you.

#6

It’s deactivated!

#7

Hi There,

Could you please try adding the following CSS rule into your Theme Options > Global CSS area.

@media (max-width:480px){
.tp-caption a font {
    font-size: 11px !important;
}
}

Hope that helps.

#8

Yes, that helped! Many thanks!

#9

Glad we were able to help :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.