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 6 months, 3 weeks ago.

  • Author
    Posts
  • #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.

    https://frontrangefreedomtour.org/2018-review/

  • #1087 Reply

    Spiracle Themes

    Hi Rich

    Try the CSS below

    @media (max-width: 767px) {
    .panel-grid.panel-has-style>.panel-row-style{
    display: block;
    }
    }

    Best Regards

  • #1088 Reply

    Rich Dixon

    Amazing!

    I need to learn!

  • #1298 Reply

    Rich

    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?

    Home

    Thanks for the help.

Reply To: Hero Image in Mobile
Your information: