Slider or Hero Section displaying none
-
The Hero Section in many websites is not being displayed. on Inspecting in the Developers tools its displaying the display section to none .. display:none;
Need helpThe page I need help with: [log in to see the link]
-
Hi, thanks for the detailed report. Something is preventing the Hero’s slider JavaScript from behaving normally. When you have a moment, please, try a quick baseline test. Does the issue persist with all non-SiteOrigin plugins temporarily deactivated?
SiteOrigin Hero Section has a css as follows:
is displaying display:none… make it block
.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container {
position: absolute; …. }Change this to get the issue sorted
-
This reply was modified 1 month, 1 week ago by
mahendrakumbhar.
The Hero slider starts with display:none so its JavaScript can finish measuring each frame, preload backgrounds, and only then reveal everything. That keeps the layout steady and the animation in sync. When the slider script never runs (typically because another plugin triggers a JavaScript error first) the wrapper stays hidden. Please run a conflict test: temporarily deactivate all non–SiteOrigin plugins, check whether the Hero shows. If the issue resolves, you would have found a working baseline and can run further tests to isolate the plugin causing the JavaScript error.
Hi Andrew.. apologies for the late reply …i have deactivated all the plugins except the SiteOrgin plugins. The Problem still persists. I am using Livemesh SiteOrigin Widgets for the banner …may be this is what it causing the toruble?
The cause is likely the same. display: none is a standard initial slider condition. If the initial condition isn’t being overridden there is some sort of error on the page. The next baseline test would be Page Builder, Widgets Bundle, Livemesh and a default theme, nothing else. If the widget concerned is authored by Livemesh then it’ll be best if they can take a look. Thanks for keeping the thread updated. Cheers.
Hi Andrew .. I have created a new website. When I created the home page the slider worked .. perfect. But when in the setting the home page is set to Home … then the slider disappeared. And upon inspecting the issue.. the issue is the same. Please check the same. Following is the link:
https://avenirsolutions.co.in/Swarajya/Hi, thanks for the update. I recommend testing with all non-SiteOrigin plugins deactivated to check for a working baseline. If the issue persists, leave all non-SiteOrigin plugins deactivated and temporarily switch to a default theme like Twenty Nineteen. Once a working a baseline is established you can run further tests to find the breakpoint. Unfortunately, we don’t have any open issues of this nature and can’t replicate the issue.
Thanks Andrew for your guidance . Following was the issue with the custom theme i build: ‘https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js’, array(), _S_VERSION, true )’
The issue is resolved with all the other websites working with the slider.
Thanks once again for your guidance
Regards
Mahendra KumbharSuper; I’m really glad to hear you’ve made progress and found the cause of the issue. Thanks for sharing the details with us. All the best with your projects moving forward.
Cheers for now.
Andrew
-
This reply was modified 1 month, 1 week ago by
You must be logged in to reply to this topic.