Hi there,
Firstly thank you for the great plugin – you guys literally saved weeks of my life by designing this plugin it has allowed me to desig a site i am quite proud of.
Unfortunately after i have noticed an issue and after a recent update it seems to be worse. On my pages I use a full width (stretched) banner/hero image across the top with some neat parallax scrolling! if you visit here http://www.wilsonandlewisphotography.com/wedding-resources You will see what i mean.
The problem is that while these pages are loading it the stretch stalls, and now no longer stretches quickly and is obvious that the site is not working properly- as a photography business the visual element is very important to me –
I have turned plugin on and off to see if there is conflict but cannot figure it out. I would really appreciate a little help fixing this issue – or an update to rectify.
Kind regards,
Tony J Lewis
visit the page here
Hi Tony,
What are you using for parallax? I ask as it seems to be including a container breaker (basically, functionality that bypasses the theme’s content container by using JavaScript and CSS) which may or may not be interfering with the container breaker we use, at least before we’re able to reapply it.
Regardless, you might be able to fix this with some CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
.siteorigin-panels-stretch.panel-row-style { padding: 0 1000px; margin: 0 -1000px; }You might also need to install the SiteOrigin CSS Editor.
Hi there,
Thank you for replying to me.
I have installed the custom css plugin, inserted the css code, flushed the cache, reloaded the page and it still breaks width and reaches full width stretched in a delayed manner.
The plugin used for the parallax is a paid plugin called ‘intense plugin’, I am sorry to declare that it handles parallax scrolling better than site origin.
Regardless, during testing I have switched every plugin off, replaced the row with a site origin row (full width stretch) with parallax image and the problem is still there. Plugin on: Sitebuilder, Widgets Bundle & Black Studio TinyMCE Widget, Theme = Bling by Elegant Themes
More suggestions are most welcome…
Hi Tony,
Sorry for the delay.
Hm. Try removing the previously suggested CSS and then set the row housing the parallax to standard. How does that look? That should hopefully allow the parallax plugin you’re using to have its container breaker work without issue. If that doesn’t work, your best option would be to get in contact with the developers of that plugin for advice.
Hi Alex,
Thank you for your response.
Please understand that this problem has only recently started happening and is regardless of the parallax plugin i use.
I have created a test page for you here: http://www.wilsonandlewisphotography.com/site-origin-test
Site origin was the only plugin used on the creation of this page. The row layout is set to ‘full-width stretch’, with back ground image is set to ‘cover’. Visual editor widget has been placed in cell and hit the enter key a few times to create spacer.
When the page loads can you see the image jumps in to position???
Almost as though it waits for the entire page to load before making the adjustment. I appreciate you cannot fix all for everyone, but you should be aware that your plugin is behaving in this way.
I hope you are able to simulate for yourself and then correct this issue in an update.
Kind regards,
Tony Lewis
under closer inspection it is the way the plugin handles the scaling of the image to 1349px
background-image: url(“http://www.wilsonandlewisphotography.com…. “)
background-size: 1349px 758.813px;
background-position: 50% -257.722px;
If i upload upload larger images, the plugin then squeezes the image to fit, and appears more pleasing – the stretching is weird though
Hi Tony,
Okay, thank you for providing the follow-up link. I would recommend adding the provided CSS as it should help with that page. This sort of flash is pretty much unavoidable to a certain degree as we’re unable to know the exact container width until the DOM has finished loading (think of the DOM a bunch of information about the page that is loaded after the page has loaded everything it needs to display).
I still feel the “flash” on the initial page is exasperated by the other parallax as two instances of a container breaker type process is run rather than just one.
Oh, and if you would like to avoid the scaling of our parallax, please set the background image display setting to Parallax (original).