Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 13, 2024 at 7:07 pm #1464553
    spokerstradingco

    HI, I have a 2 part question. On desktop The special heading product titles are overlapping the column boxes on my page. I have set the default font size to 5.5vw for all meaning the font should adapt but it is not. I have added a screenshot of the issue in private. This happen on Chrome and Safari. On mobile the special titles are too small – how do I make them larger on mobile? It adapts but is very small. I know I can add a default value to the mobile size but thought the auto text size would adjust to the width?

    August 14, 2024 at 4:42 am #1464571
    Ismael

    Hey spokerstradingco,

    Thank you for the inquiry.

    On smaller screens, the font size is set to 0.8em. Did you configure the font size for different screen sizes (Styling > Font Sizes > Heading Font Sizes)?

    #top #wrap_all .av-special-heading.av-lxums4ni-4f37f7f215843741833d4240ad4206d4 .av-special-heading-tag {
    font-size: 0.8em;
}

    Best regards,
    Ismael

    August 14, 2024 at 8:31 pm #1464629
    spokerstradingco

    Hi, The issue is The font is overlapping the areas on desktop. How do I resolve that first of all?

    August 15, 2024 at 4:36 am #1464650
    Ismael

    Hi,

    Thank you for the update.

    You can either decrease the size of the font to make sure it fits in the container or add this css code to change how words or text breaks.

    #top #wrap_all .av-inherit-size .av-special-heading-tag {
    word-wrap: break-word;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.