I have read through 3 or 4 threads now explaining how to do this and Im sorry to say I just dont get it. can someone break this down dummy style for me?
I was going off of this https://siteorigin.com/thread/page-builder-background-image-wont-rescale-for-mobile-devices/
Since its the same issue on the same theme.
I added the css style
installed the css editor
added css styling text to editor… no change in mobile or tablet views
I tried lowering the px width to 100 and it did not change.
HELP
Hi Mikey,
The CSS in that thread is specific to that user website.
As such, do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Oh okay, that makes more sense now haha.
Its bvmotorsports.com
Hi Mikey,
Could you please remove the spacer in your editor:
Then please navigate to WP AdminAppearanceCustom CSS:
#panel-126-0-0-0 { padding-bottom: 330px; } @media (max-width: 500px){ #panel-126-0-0-0 { padding-bottom: 0; } }You might also need to install the SiteOrigin CSS Editor.
Then set the background in the widget styles instead of the row styles. Your theme is having issues with the background image being responsive in the context you’re using it in.
That was perfect thank you, How do I get other pages to do the same thing?
Do I just need to find panel numbers for other pages?