Replies (3)

1. 

   Rich Dixon April 16, 2018 at 2:47 pm

   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/

2. 

   Spiracle Themes April 17, 2018 at 9:20 am

   Hi Rich

   Try the CSS below

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

   Best Regards

3. 

   Rich Dixon April 17, 2018 at 12:10 pm

   Amazing!

   I need to learn!

4. 

   Rich September 1, 2018 at 12:03 pm

   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.