Okay
  Public Ticket #3106350
Line hight productpage title
Closed

Comments

  •  7
    EllenCoolDutch started the conversation
    August 18, 2022 at 7:10am

    Dear all,

    When I view a product page on my mobile, the letters overlap, see attachment.

    I would like the line height to be adjusted for these titles when I watch it on a mobile.

    Would it be possible?

  •  1,877
    Judith replied
    August 18, 2022 at 7:13am

    Hi There,

    Thanks for keeping in touch.

    Please try this css:

    @media only screen and (max-width: 690px){
    .col h2, body h2, .single-product div.product h1.product_title, .nectar-shop-header .page-title, .woocommerce-account .woocommerce > #customer_login .nectar-form-controls .control, .nectar_single_testimonial[data-style="bold"] p, #slide-out-widget-area .nectar-ext-menu-item .inherit-h2, #ajax-content-wrap .nectar-inherit-h2, .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h2"] .content {
        line-height: 43px;
    }
}

    Thanks.

  •  7
    EllenCoolDutch replied
    August 18, 2022 at 7:26am

    sorry to say but it doesn't work...

  •  1,877
    Judith replied
    August 18, 2022 at 7:37am

    Hi There,

    I have checked your css and realized there was a syntax error with one of the css code above the one you added. I have since corrected it, please check it out now:

    2994106426.png

    Thanks.

  •  7
    EllenCoolDutch replied
    August 18, 2022 at 9:17am

    Yes yes yes, it works...

    Thanks so much