product description not display correct in mobile view

  • Hello
    i have a problem how the product description displayed on mobile view. the rows being overlapped each other and the section scratched being unreadable. its display well on desktop but not on mobile and tablet.
    if you open the link on mobile and scroll down to the product description you will see it.
    anyone can help me figure the issue and solve it?
    thanks`

    • This topic was modified 3 years, 5 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

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

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

  • Hi @jamalalloh, the problem with that unreadable text is produced by a CSS line-height definition with a very small value (0.1em) you have enabled for mobile.

    If you disable it looks good. Example:

    Ksnip Screenshot

    I see you are using Elementor, so I think your better alternative is to look if there is an elementor option to change the line-height of those elements and change or remove that setting.

    Another alternative is to include something like this in your WordPress customized CSS. You need to add this in the “Appearance” -> “Custom CSS” section of your dashboard.

    
@media (max-width: 767px) {
    .elementor-kit-1121 {
        line-height: 1.5em;
    }
}
    Thread Starter jamalalloh

    (@jamalalloh)

    Hi @mmaattiiaass thank you very much. you are absolutely right. i deactivate the kit template which caused the issue rather than using the code, i dont need that template any more.
    thank you again. its solved now

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘product description not display correct in mobile view’ is closed to new replies.

Tags