Hello,
I have set up a catalogue element – on the phone the line Title / Price is broken if the line is too long.
But in some cases it is not broken even with a long title..
Is there something I could do or is it random if a title is broken and another not?
I have attached some images:
Hey Gaso,
Please provide a link to the page in question so we can look into this further.
Best regards,
Jordan Shannon
Here is a page in question – On the PC it’s ok – but on Tablet and Iphone some entries of the title do not “break” in a second row but overwrite the price info.. Some longer titles are ok as you could see from the screenshots of the smartphone.
Here you could see one long line is ok the other not…
Hi,
Try and add this to quick css:
@media only screen and (max-width: 767px) {
.av-catalogue-title-container{
font-size:10px!important;
}}
Best regards,
Jordan Shannon
Thanks. But this does not really fix the problem.
On an Ipad for example the problem was still there and the second problem was that the title font became far to small..
What helped me was following – maybe of interest for anyone else;
.av-catalogue-title { padding-right: 120px !important;
}