delete the browser cache – on ipad/iphone this is a very obstinately thing – i can see the background on ipad and Safari 11/Sierra

click to enlarge:

• This reply was modified 7 years, 9 months ago by Guenni007.

This is no parallax on apple site. They have to background-images above each other. One is blured the other is sharp.
on Scroll the addClass to the sharp one and change on that way the opacity ! (from 0.9999 to 0.0001) thats all – no parallax effect at all.

sharing on demand – i will wait with the solution description – last few weeks i recognized that a lot of participants have their requests – but no interest of looking what happend in it.

yes – like the sierra site too ! see source code . i tried to reproduce this.

apple does it the easy way :lol. they have two images and the sharp one above increases its opacity by scrolling !

this is a big problem to where i’m looking a long time.
It is the smoth scroll to different page anchor.
It has to load first – then scroll smoothly to the anchor.
I didn’t found a solution for that.

By the way for those anchor links to id’s i created an edited hr.php – and in case of whitespace there is an input field for custom ID:
hr with ID input field :    the code is on pastebin: hr.php and put it into a subfolder of child-theme folder called “shorcodes”
To load it put this into functions.php of child-theme:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

click to enlarge

btw: i would target it as: http://www.contelle.de/trainings/#alltrainings
and you don’t need an anchor for each language you intended to install.
let the same ID name and just rename the label in the menu

“link” and “angezeigter Name” they are per default the same but do not need to.

• This reply was modified 7 years, 9 months ago by Guenni007.

yes – and i think you can use [login-with-ajax] as well dashes not : [login_with_ajax] !

the template tag is with underscore : login_with_ajax( )

by the way – where did you get the shortcode :lol:

it is [lwa]

by the way – you can use this in functions.php of your child-theme to enter the code :

function custom_func() {
?>
<div class='connexion'><?php echo do_shortcode ('[lwa]'); ?> &nbsp;</div>
<?php
}
add_action('ava_main_header' , 'custom_func');

it is a pitty that it generates a table – not very userfriendly to style !

i hoped that this is only divs – but also with table and tds

function custom_func() {
?>
<div class='connexion'><?php echo do_shortcode('[lwa template="divs-only"]'); ?> </div>
<?php
}
add_action('ava_main_header' , 'custom_func');

• This reply was modified 7 years, 9 months ago by Guenni007.

have a look in the surrounding of the line on which part you like to insert that if double or singel quotation marks are necessary.

And ( i think single are ok) have a look if these are real quotation marks ! and not special character marks – because the copy paste result shows me that your quotation marks above (don’t know if this is boardsoft changing) are not normal single quotation marks ! ( Often copying code from board threads these quotation marks are changed because of not to start code. Here on board you can use the code surroundings to avoid that)

<div class='connexion'><?php echo do_shortcode('[login_with_ajax]'); ?>   </div>

• This reply was modified 7 years, 9 months ago by Guenni007.

so first of all it is recomended that you are working with a child-theme. LINK
second – remove all your settings concerning to this request

1) you uploaded logo is to small – increase the height to f.e. 300px so it has aprox. 650px width.
2) create a js folder in your child-theme folder (by the way it is a fix for shrinking header on ipad etc. (mobile) included)
3) upload the shrink_fix.js to that folder
Content of the shrink_fix.js: pastebin link
some comments are the original one some of them should show you what i changed
4) the line 99 of it is the trick: $(".logo").css("margin-top", "-"+(topbar_height-st_real)+"px" );
– it only works because we set the logo container to overflow: visible ! on quick css
5) to load the new js file goto functions.php of your child-theme :

function include_shrink_fix_js_file() {
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/shrink_fix.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_shrink_fix_js_file', 100 );

6) The quick css code here (some in a media query to save behavior of the logo on small screens (mobile etc.):

.logo, .logo a { overflow: visible }
#header_meta {  z-index: 1}

@media only screen and (min-width:  769px){
/** only if you want to get rid of border-lines */
#header_meta { border-bottom: 0 !important }
#header_main { border-top: 0 none !important }
/** play a bit with this entry  */
.logo img { max-height: 160% !important}
/** these settings aren't necessary - but on my installation it looks better  */
.av_header_transparency .av-burger-overlay .avia-menu-text { color: #000 !important }
.html_header_transparency .header-scrolled .header_bg { opacity: 0.8 }
.av_header_transparency .avia-menu-text { color: #fff }
}

/** to have small screen behavior as usual */
@media only screen and (max-width:  768px){
.responsive #top #header .social_bookmarks { display: block !important}
.logo img { max-height: inherit}
}

7) if it is done and something did not look as it should inform me and we will see on your test-installation what to do

the difficulty on that is your option to scroll the header_meta. so you have to make changes in avia.js on function avia_header_size().
The top margin is a dynamically calculated size – not a static one.

so the margin-top of the .logo img has to be calculated in this way too! It has to increase from negative header_meta hight ( nearly -30px) to zero when header scrolled was added.

without the top position at start ( https://webers-testseite.de/yeti ) you don’t have to change this.

• This reply was modified 7 years, 9 months ago by Guenni007.

see here: https://webers-testseite.de/yeti

it is glassy header with (two logos separated – not in one png) shrink option

these are the css rules for that page ( get rid of page-id class to set it globaly)
to have normal behavior on smaller screens i put it in a media query

@media only screen and (min-width:  768px){
.page-id-29598 #header_meta { z-index: 1 }
.page-id-29598 .logo img { top: -20px }
.page-id-29598 .logo, .logo a { overflow: visible }
#top.page-id-29598  #header_meta { border-bottom: 0 }
#top.page-id-29598 #header_main { border-top: 0 none }
}

so look to the folder svg.
Are there one svg file in it or alot ? Nevertheless you can upload these files to http://fontello.com/
there is an input field on top “Drag custom SVG icons or SVG font here.”
if you drag&drop the svgs there – look what happens. If there were icons generated – you must activate to download them.
hover the first icon klick and hold pull the mouse over all icons you want. Name that set and press download.
The downloaded zip file is compatible with Enfold- and you will have than a new iconset on all alb elements.

so now i’m out of this context.
The generated enfold shortcode ( via post with normal editior nor with debug mode and button alb element) does not work in html inputfield this way to get a button on advanced layerslider.
so i can see your video and on your site i see your source-code .
Yes it is layerslider and there are buttons – on every (and believe me there are many installations of enfold – with or without – Layersldier premium activation ) enfold i never have success in this way. –
By

• This reply was modified 7 years, 9 months ago by Rikard. Reason: Removed URL

see here – i know that – but button-shortcode does not give a button here:

maybe its why i’m working with an activated premium version – not really ?

Or is there a way to activate enfold shortcodes for ls ?