Hi,
On this site: http://www.dewingerdhoreca.nl/nieuw/ I have added a slider above masthead. When I scroll down there is a moment that you see two nav bars: one is the actual one, one is a grey space bar:
What is this and how can I get rid of it?
Hi there,
I have checked but I can’t seem to replicate the issue you mentioned:
Would you mind try to clear your browser cache and see if the issue get’s fixed?
Thank you.
Yes, you can and you do. Just before the menu fixes itself to the top you also have that same bar that appears just before. That bar that has the light green color. Clearing cache doesn’t do anything.
It seems like there is an extra x-bar or something as you can see here:
Hey There,
To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look?
To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
Thank you.
Hey @yingfuli,
I’m not seeing the setup that @Jade showed previously. I don’t see the bar fixed and only see this when scrolling.
Did you change the setup?
Thanks.
No, I haven’t changed anything the last two days.
Hi there,
The issue is not appearing in my tests, but I know what you’re referring in your screenshots. Let’s hide it for good just in case it still appearing in your view.
Please add this CSS to your global custom CSS
.e391-1.x-bar-space {
display: none !important;
}
Thanks!
It removes the green bar but the actual problem still exists: when scrolling the menu bar jumps to the top. See attached images. It does this in all browsers (Safari, FF, Chrome).
Before scrolling:
After scrolling:
In Firebug before scrolling:
In Firebug after scrolling:
Hey @yingfuli,
I inserted .x-main to the Trigger Selector so it will stick once it hits the content area.
Hope that helps.
Im resigning to the fact that it is a quirk of my iMac. It still jumps when scrolling at best disappears and reappears again. On an iPad it behaves just as it should.
Hey @yingfuli,
The issue is happening in large screens so this might be why it happens in your iMac and not on your iPad. On my end, this happens in my 1920 x 1080px monitor but is smooth in my 1366 x 768px laptop. I suspect this issue is caused by LayerSlider because the slider container’s height is only 966px though you see a fullscreen effect.
Also, setting the Trigger Selector is not necessary out of the box because the default behavior of the sticky bar is it will stick only when it reaches the top. To demonstrate that, I’ve created a test header and page in your site (see Secure Note). Can you try switching to Slider Revolution?
Thanks.
Okay, thanks. Well, I actually haven’t used Rev Slider for a while now because it caused me too much problems. LayerSlider is much more robust in my experience.
Hi,
Let us know if you need further assistance.
I personally have the opposite opinion but I guess it is a matter of taste, both plugins are great.
Cheers!
Okay, I just changed the settings of LayerSlider to ‘Hero Scene’ and all is well now.
One other thing: since yesterday I’m having trouble editing. The preview load is not progressing further than this:
It saves the settings I changed but I can’t see them which is rather annoying. Some script that’s conflicting?
Hi There,
Glad that issue is now fixed. Regarding issue on the builder, yes there might be script conflict. I don’t see any error when I view the page on the frontend. We might need to check the page directly on the builder. Please check for a plugin conflict test first to see if any plugin cause the issue. If not, do provide wordpress credentials inside a secure note so we can investigate. Thank you.
Feel free to check it out. The login credentials I gave in a secure note earlier in this thread are still valid.
Edit: disabling plugins didn’t solve it.
Hello There,
Are you referring to the the text element and the loader?
This is happening because you have inserted an MEC shortcode in the text element. MEC shortcode were not rendered correct and may not even be rendered in Cornerstone. This is why you are seeing an endless loader in the lower right corner. I am not sure what is the output of the shortcode. It maybe used to display something that there is no preview in Cornerstone.
Please try to temporarily remove the shortcode and see what happens.
Yes, but also to the section above it:
that should look (and does on the frontend) this:
Edit: it doesn’t matter if I delete the MEC shortcake or not. Also I would like to point out that MEC is bundled with Pro so I would at least expect it to basically work.
Okay, here’s what I’ve done. I have removed the parallax image of the first section and turned of its bottom separator (angle out). So that did the trick: removing the angle out separator. However, the preview still messes around with the borders of the four call outs:
as opposed to:
Hi there,
Some elements preview will be disabled if it causes conflict, some 3rd party plugins are harder to control and manage even if they are bundled, especially that they too change and update their standard which will occasionally cause conflict. Even if we try to 100% make it compatible, there will be cases that are out of our control. So yes, an immediate solution is to disable the preview for that particular element.
And separator will only work on the solid background color, and not with images. Then, change its color the same as the color of the next section.
As for borders, you may ignore it for now. The border works, but there are spaces between columns that separate them which is only visible in builder preview.
Thanks!