Title Product in woocommerce product page not responsive mobile

  • Hello,

    I encounter some problems when accessing the products page on mobile devices, the product titles are not responsive mode. ( if it is a long word in the title, it does not shrink so that it fits in a row )

    Please can you offer some tips?

    Thank you!

    • This topic was modified 2 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • I can’t see this problem on the link you provided. The normal thing to do is to add ­ where you want the word to break with a hyphen.

    Reallyreally­longword will look like this on desktop:

    Reallyreallylongword

    and like this on mobile:

    Reallyreally-
    longword

    Hope this helps ??

    • This reply was modified 2 years, 9 months ago by Dekadinious.
    Thread Starter bit4u

    (@bit4u)

    Hello,

    Thank you for your response,

    Please see the printscreen of the issue which I`m seeking for an answer,in the link attached:

    https://postimg.cc/crJHZfYG

    Thank you!

    Do you mean that you do not want it to break the words by letters? Then you need to set this on your h2-tags with the product titles in them:

    overflow-wrap: normal;

    Now they won’t wrap, but they will expand beyond their container if you don’t also adjust their font-size or add ­ as I mentioned.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Title Product in woocommerce product page not responsive mobile’ is closed to new replies.