Hello
1- For the first issue (Javascript conflict with function trigger_default_open()), here is the plugin autho response:

——
No, anchors do not require href attributes since HTML5, and it is not essential. The ShiftNav toggle code is perfectly valid.
Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

href – This was the single required attribute for anchors defining a hypertext source link, but is no longer required in HTML5.

ShiftNav does not break your theme code – your theme code throws an error because it is making assumptions about the elements on the page. This wouldn’t be a problem if it were only dealing with its own elements, but it is binding events to elements that it hasn’t produced, meaning it isn’t controlling the attributes. The theme code should not be assuming that an href is present, when it is not required.

I read through your post in the Kriesi forum. Then I looked at the theme code in /wp-content/themes/enfold/js/shortcodes.js

I think this code:

[js]
$('a').on('click',function(){
var hash = $(this).attr('href').replace(/^.*?#/,'');
if(hash) trigger_default_open('#'+hash);
});
[/js]

should just be written like this:

[js]
$('a[href]').on('click',function(){
var hash = $(this).attr('href').replace(/^.*?#/,'');
if(hash) trigger_default_open('#'+hash);
});
[/js]

That way it only attaches to anchors with href elements, and in the callback you can be sure the href exists. The solution is simple and efficient, and there’s no need to bind the callback to any anchor without an href.
——
So to make it work I replace the A tag of my ShiftNav Menu by a SPAN, this is a workaround, and maybe you could tell to Kriesi about that… ?

2/ “To be honest i think it would be better to set a fallback image, background video playback in mobiles is buggy right now.”
Should be great to also tell to Kriesi about that issue, don’t you think ?

I search and found in /js/shorcode.js line 1750, this:
prop["background-position"] = "0px "+ scrollPos +"px";
> This is the reason why the background image is left aligned

Replace it with:
prop["background-position"] = "center "+ scrollPos +"px";
and you’ve got a centered horizontally background image wich keep the parallax image.

So what… ? It will be very cool if we could choose how the horizontal background parallax image is aligned… because I really hate to modify Enfold core files…

Hello Devin
– What is “ALB”?
– you can customize a color section background however you want
Can you give a begining of what I am supposed to do something like that.

Hello

I know very well this page:http://css-tricks.com/perfect-full-page-background-image/ :-) but it’s only talking about fullscreen images
with ‘background-size’ set to ‘cover’ BUT with ‘background-position’ to ‘center center’ AND ‘background-attachment’ to ‘fixed’
So there is no similitude with Enfold except ‘background-size’ because your images are not only fullscreen, they have a parallax effect.

However, I modestly think there is better way to use fullscreen backround image with parallax effect, I have setup a test page: http://pascal-bourhis.net/parallax/
As you can see, the left and right edges of my images (red triangles) are all visibles, there is a parallax effect (which can be set to higher or lower) and there is some centered texts.
This demo is based on http://www.minimit.com/articles/lets-animate/parallax-backgrounds-with-centered-content

I think Kriesi should have a look to this and maybe reconsider the way he has done his fullscreen imaged with parallax effect…

thanks

EDIT: I think there is a confusion with parallax images. In my opinion a parallax image it not necessarily a fullscreen image, it’s an image wich can have many layers that can scroll (horizontally or vertically) with different speeds, ie: http://www.bbc.com/news/entertainment-arts-20026367

Hi Devin
But did you look at your own demo page with an Ipad/landscape ?
> http://kriesi.at/themes/enfold/homepage/transparent-header/
The anchor is not completly visible…
I think there is a true issue with transparent header + a fullscreen slideshow
thanks

Well done!
thanks

me again :)
As I wanted to have a transparent header for the whole site, I made some CSS adjustements wich nearly solve my primary issue.

@media only screen and (min-width: 768px) {
	.responsive #top #header {position: absolute !important;}
}
@media only screen and (max-width: 767px) {
	.responsive #top #header {position: absolute !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.responsive #top #header {position: absolute !important;}
}

If you look my site now you will that this anchor is visible on mobile.
On iPad/Landscape this anchor is nearly entirely visible…

Hello
Yes it works now on iPhone but not on iPad.
This issue is not particular to my site, it”s an Enfold issue, please look at your demo page: http://kriesi.at/themes/enfold/homepage/transparent-header/ with a mobile…
Please also note that the menu in this demo page is not transparent on mobile…
A fix should be included with next release, don’t you think ?
Thanks

:-(
Look nwo at my Url:
ipad: no changes
iphone: it’s horrible

I do not understant why I should correct this with lines of CSS, it’s an Enfold builtin feature, isn’t it ?

solved ;-)
just added this: #header_main .social_bookmarks {right: 57px !important;} because the social network

Hello Yigit
Yes I solved it, it was just to tell you about this issue that should be maybe corrected?