Hero Image in Mobile

RD

Rich Dixon Original poster Member

April 16, 2018 at 2:47 pm · Soma Pro Theme Help

#1

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/

Reply Quote

ST

Spiracle Themes Original poster

April 17, 2018 at 9:20 am · Reply to Rich Dixon

#2

Hi Rich

Try the CSS below

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

Best Regards

Reply Quote

RD

Rich Dixon Original poster

April 17, 2018 at 12:10 pm · Reply to Rich Dixon

#3

Amazing!

I need to learn!

Reply Quote

R

Rich Original poster

September 1, 2018 at 12:03 pm · Reply to Rich Dixon

#4

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 Quote

Post a reply