Recent
Categories
View Replies (2)

Responsive h3 text overlapping, when stacking

0
Votes
Undo
  1. Dr Drew
    Dr Drew
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 03 December 2022
  5.  Subscribe via email
Hello,
I'm using the latest Layla template on a dev site and noticed a responsive text bug when in responsive mode.

  • The h3 text when in a module overlaps each line, rather than stacking below each line.
    • I'm not sure if this is expected behaviour or a text papping issue?


Welcome your comments please?
Kind regards
Drew
Attachments (1)
layla textoverlap screenshot.png layla textoverlap screenshot.png
References
  1. https://staging3.sapience.com.au/who-we-serve/businesses-we-work-with/sole-traders
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Drew

Thank you for reporting.

Strangely we are unable to replicate this issue. May I ask what browser are you using? Does adding the following to the Custom CSS field of your template settings resolve the issue?

h3 {

    line-height: 2rem;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Dr Drew
Dr Drew
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
Thanks for the custom CSS - issue SOLVED.

FYI My browser is the latest chrome and the module with the overlapping H3 txt was populated by a snippet that referenced the module position. The problem was consistent across both snippet populated and module populated - and now appears fixed.

Many thanks
Kind regards
Drew
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!