Home Forums Premium WordPress Themes Help Soma Pro Theme Help Hero Image in Mobile

This topic contains 3 replies, has 1 voice, and was last updated by  Rich 9 months, 3 weeks ago.

  • Author
  • #1086 Reply

    Rich Dixon

    Using the SiteOrigin Hero Widget on this page.

    Looks great, except on mobile it’s compressed into a single vertical line (dropbox link to screenshot: https://www.dropbox.com/s/94ltd5hj1qgd5e6/screenshot%201.jpg?dl=0 )

    Assume it’s a padding or margin issue but can’t figure it out.


  • #1087 Reply

    Spiracle Themes

    Hi Rich

    Try the CSS below

    @media (max-width: 767px) {
    display: block;

    Best Regards

  • #1088 Reply

    Rich Dixon


    I need to learn!

  • #1298 Reply


    Hi Andrew

    I’ve encountered a similar issue on the home page of this site. I placed two Hero widgets side-by-side in a row. They work fine, except in mobile they’re squished into a single vertical line.

    I tried the CSS you provided in the thread above but it has no effect. Maybe because they’re side-by-side?


    Thanks for the help.

Reply To: Hero Image in Mobile
Your information: