Hero Widget Not Responsive on Mobile

  • Resolved Kevin

    (@kevinsandlingmailcom)


    6 years, 2 months ago

    Using the Stout theme, which is a child theme of Primer. We have the hero widget working on the home page with the main text “cybersecurity is not a department”. Looks great on desktop, but this page and other page titles do not do well on mobile. The words get chopped wherever the screen size demands it. Have a look at the home page on any mobile device, vertical or horizontal, it chops the words all over the place.

    I’m sure there is a simple css solution to this issue, but I cannot find it anywhere.

    Thank you in advance.

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

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

  • Hi @kevinsandlingmailcom

    Are you still having issues with this? I tested things in my Chrome browser with mobile device enabled and I’m not seeing any weird breaking of the text in the hero.

    Example iPhone X:
    https://cldup.com/Hzn50U9x0k.png

    Thread Starter Kevin

    (@kevinsandlingmailcom)

    Yes, we solved it by changing the css stylesheet line 39 from ‘display:block’ to ‘display:inline’

    The bottom line of text still is shifted a bit to the right, but we can live with that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hero Widget Not Responsive on Mobile’ is closed to new replies.