Problems with product titles and headlines

[goodtimesmag]

Hi swiftideas team,

I have to problems:

1) Is it possible to limit the product title to max. 3 lines on mobile devices? I have already used the following code, but as soon as the product title is longer than 4 lines, the shop look suffers (screenshot 1).

Live URL: http://goodtimesdeals.de/produkt-kategorie/snowboards-men

2) Why is my headline “HEUTIGE HIGHLIGHTS” (screenshot 2) out of the display of my phone?

Live URL: http://goodtimesdeals.de

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) Add tis to your custom css:

@media only screen and (max-width: 479px) { 
.product-details h3 a {
  font-size: 14px;
}
}

2) Please provide me with a login so I can see if I can sort it

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width: 767px) {
h1, h1 a {
   font-size: 28px !important;
}
.woocommerce-page ul.products li.product h3 {
    height: 40px !important;
    overflow: hidden !important;
}
}

Thanks
Mohammad

[goodtimesmag]

This reply has been marked as private.

[Kyle – SUPPORT]

No, keep what you have, just add this:

@media only screen and (max-width: 479px) { 
.product-details h3 a {
  font-size: 14px;
}
}

– Kyle

[goodtimesmag]

1) I still have the mentioned problem on my iPhone. Example URL: http://goodtimesdeals.de/produkt-kategorie/snowboards-men/page/3/

And I don’t need Mohammad’s code?

2) Did you find a solution for the H1 problem?

[Kyle – SUPPORT]

Please remove the 2345 above:

http://d.pr/i/KIKv/4DD2ksRP

– Kyle

[goodtimesmag]

Sorry, I deleted the numbers, but the problem is not resolved when product title is longer than 3 lines.

[Kyle – SUPPORT]

Can you try move it to the top of your custom css

– Kyle

[goodtimesmag]

Done! But nothing has changed.

[goodtimesmag]

Any ideas here?

[Kyle – SUPPORT]

There’s an error here in your custom css:

.product-desc{
display:none !important
}

Haven’t closed the property with a ;

Should be:

.product-desc{
display:none !important;
}

– Kyle

[goodtimesmag]

I corrected that one, but I still have the problem that one of my H1 headlines goes beyond the mobile display (see screenshot).

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Have you removed that? I no longer see it?

Thanks.

[goodtimesmag]

Yes, I changed some wording, but as you can see on the screenshot the issue still exists somewhere else.

Attachments:

You must be logged in to view attached files.