New Landing How can we help? Themeforest Theme Support Neighborhood Problems with product titles and headlines

Viewing 15 posts - 1 through 15 (of 28 total)
  • #249459
    goodtimesmag
    Member
    Post count: 191

    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.
    #249477
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

    #249488
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    #249819
    goodtimesmag
    Member
    Post count: 191
    This reply has been marked as private.
    #249825
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No, keep what you have, just add this:

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

    – Kyle

    #249831
    goodtimesmag
    Member
    Post count: 191

    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?

    #249832
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Please remove the 2345 above:

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

    – Kyle

    #249840
    goodtimesmag
    Member
    Post count: 191

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

    #249917
    Kyle – SUPPORT
    Moderator
    Post count: 35880

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

    – Kyle

    #249921
    goodtimesmag
    Member
    Post count: 191

    Done! But nothing has changed.

    #250231
    goodtimesmag
    Member
    Post count: 191

    Any ideas here?

    #250396
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

    #250418
    goodtimesmag
    Member
    Post count: 191

    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.
    #250687
    David Martin – Support
    Moderator
    Post count: 20834

    Have you removed that? I no longer see it?

    Thanks.

    #250706
    goodtimesmag
    Member
    Post count: 191

    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.
Viewing 15 posts - 1 through 15 (of 28 total)

You must be logged in to reply to this topic.