WPFront Notification bar wraps to next line inappropriately on mobile devices

  • Resolved Jen

    (@jenniferbrum)


    1 year, 3 months ago

    When viewing my website I notice that the banner on my Mac desktop is fine. However, on my iPhone the banner cuts the word “new” leaving the “n” on the top line and the “ew” on the line below. How can I prevent this from happening?

    My desktop is using macOS Ventura 13.4.1 and iPhone is 14 Pro. Both are up to date.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Swathi S

    (@swathiswpfront)

    Hello @jenniferbrum ,

    Can you please try giving the below CSS to the ‘Custom CSS’ Option on the plugin’s Settings Page?

    #wpfront-notification-bar div.wpfront-message{word-break:break-word;}

    I hope this helps!

    Thanks!

    Plugin Support Swathi S

    (@swathiswpfront)

    Resolving due to inactivity. If you have any queries please feel free to get in touch with us.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WPFront Notification bar wraps to next line inappropriately on mobile devices’ is closed to new replies.