Tagged: column width, tablet view
Hello!
I have some text that is in a 1/3 column element that is cutting off on screens 768-800px wide.
Row settings are already set for no space between columns.
I can’t edit the text itself because it is an email address and it looks like a typo on all other views if I add a space in the middle of the address so the line breaks.
I tried making the font size a little smaller so it would fit, but have to go all the way down to 80% for it to fit, and then it is too small in that view so it is hard to read.
Is there a way to either add a space in the text line that does not show except on that one view, or to adjust column width somehow so the text fits?
Link to a marked screenshot is below.
Thanks in advance for your help!
Hi Julie,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.page-id-79 .iconlist_content p {
font-size:13px !important;
}
}
Regards,
Rikard
It looked a little cramped/close to the icon background @ 13px, so I reduced it to 12 and that works ok.
Thank you for your help!
Hey!
We are glad you got that short out!
Btw, If you have a moment, I would very much appreciate if you could quickly rate the Enfold to themeforest, which wiII heIp us keep the deveIopment up!
Please do not hesitate to contact us, if you do need anything else.
Cheers!
Basilis
Done and I should have done it sooner– I couldn’t love this theme and the wonderful support more than I already do, thanks for the reminder! :)