Title getting cut off on mobile device

  • Posts: 16
  • Thank you received: 0
5 years 9 months ago #294246

-- HikaShop version -- : 3.4.0
-- Joomla version -- : 3.5.1
-- Browser(s) name and version -- : Iphone 7 w/ Safari

My product titles do not have the proper pagination on mobile devices (see attached) They are being cut off mid-word when extending to a second line

.

Thoughts?

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
5 years 9 months ago #294257

Hi,

You have a space between the 6 and the oz so the word is not getting cut in the middle.
If you want the title to stay on one line, you can add such CSS:
.hikashop_product_name_main{ white-space: nowrap !important; }

Note however that since the title size is so big (because of the CSS of your template), if you have a long title, it will go out of the screen, which is what this avoids.
The simplest would be to reduce the font-size of the title (h1) in the CSS of the template. You'll need to check with your template provider about that.

www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

Time to create page: 0.057 seconds
Powered by Kunena Forum