Yes now i see your Nick – which could be definitly a good hint for that

well i guess he means something like this: http://www.nytimes.com/projects/2012/snow-fall/index.html#/?part=tunnel-creek
which shows different backgrounds or images depending on the scrolling position. These graphic elements then underline the content of the written word.

In this case you should get familiar with the Greensock Javascript – which is in a small part included in advanced Layerslider Plugin.
https://oceanschool.nfb.ca/
you can see here some examples: https://greensock.com/examples-showcases
but to implement that into a wordpress page will be hard work i guess.

you can place in the menu an additional Home Menu point.

On top right postion of the menu dialog – there is a slideout . You can mark some things in Addition to the normal shown points like css classes.
Put in the field navigation label instead of home f.e.: <img src="https://home.url/wp-content/uploads/2018/04/webers-webdesign.png" alt="Home" />
click to enlarge:

with a custom class here you can manage it that this home link is only shown on hamburger menu and not on desktop menu. And vice versa the home link without the image only is shown on desktop menu

By the way on that link : https://webers-testseite.de/cynthia/ you can see it in action – and some other logo heading customizations.

To all participants like me : do alway update your themes ( at least the main updates ) via clean upload. I have never had such big problems on doing that. I never updated via dashboard.

• Update via ftp.
• Rename the downloaded newest version to enfold-new
• Upload that enfold-new folder to the themes folder
• Rename your enfold folder to f.e. enfold-old
• Rename your enfold-new folder to enfold
• Check if all your existing settings work to your full satisfaction. Yes – then stop here

• No – delete or rename back the enfold folder back to enfold-new
• rename the enfold-old folder back to enfold

hm – maybe you should look to your post to see : https://kriesi.at/support/topic/wordpress-5-0-enfold-4-5-1-alb-problems-loading-elements/#post-1041951

Look to the bold on bottom

open existing Enfold ALB Pages – first update the page – then your conent is working as before and can be edited

Yes – it seems that the whole Enfold Shortcode Stuff is in the textfield. If you goto text view you see this:

_____________

Edit: if you first – when you open an existing Enfold ALB Page goto “Save” : “Update” Button on the right top side – then the page will be as it should be – and the image of text-block element would not be this way above:

and you look to your site on a mobile device?
so – best will be to see your site.
If you could not make it public – post it in private area – and wait til mods are here.

.avia_mobile .single-post #header, 
.avia_mobile .single-post #footer, 
.avia_mobile .single-post #socket {
    display: none;
}
.avia_mobile #top.single-post  #wrap_all #main {
    padding-top: 0 !important;
}
.avia_mobile .single-post .sidebar {
    visibility: hidden;
    border-left: none !important;
}
.avia_mobile .single-post #main .content {
	border-right: none !important;
	width: 100%;
}

first of all – do you like to hide it on mobile devices or for small screens too?

hm – maybe a little jQuery could help.
We had to set the min-height of the wrap_all container to the header hight.

Can you try this in child-theme functions.php :

function set_wrap_all_height(){
?>
<script type="text/javascript">
(function($) {
        $(window).load(function() {
            var headerH = $('#header').outerHeight();
              $('#wrap_all').css({
			    "min-height": headerH, 
			  });
        });     
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'set_wrap_all_height');

but there is a little time-shift till it works – so maybe a DOM Method will be more effective.

i can not proove your function but embedding it in child-theme you can do it this way:

function your_custom_script(){
?>
<script>
(function($){

	$(document).on('click', 'li.whr-item a', function(e) {
		e.preventDefault();
		window.open(this.href, '_blank');
	});

})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'your_custom_script');

you can give any name to your custom function – but it has to be identical with the name in the add_action section
use underscore as separation for words

so that is the reason why i wrote on that tut:

so all you have to do is to create a folder called : „shortcodes“ in your child-theme folder
and upload the downloaded files to that folder

the code that ismael gave you then makes sure that instead of the original elements they are taken.
In general, you only have to replace 1:1. The sliders, however, have a central element, which additionally influences all sliders.
But editing av-helper-slideshow.php these changes also require the new input fields for heading tag in all three sliders, so you can only replace them in the package.

PS: using a child-theme is best practice for wordpress – with very few exceptions it is unnecessary to use a child theme. The advantages of using a child theme are great and help you to make minor changes yourself and these changes will not be lost on next parent update.
You see that the child-themes folder of enfold should be a sibling to it ( see folder structure above)

Enfold got a few features to help you to switch to a child-theme. Beginning with a predefined child-theme ( with at startup an empty child-theme functions.php ).. The functions.php file is a unique file-type in WordPress – because the existance of a child-theme functions.php does not replace the parent file but it adds new content to the existing parent functions.php. ( F.e. the header.php in child-themes folder will completely replace the original parent file).

After uploading the unzipped child-theme folder to your installation ( bit.ly/enfold-child )
go first to the enfold dialog : Import/Export – it will be a good advice to have a copy of the parent settings file. After that you can activate the child-theme on Appearance/Themes.
Now you got on the dashboard : Enfold Child Options – go to import/export and choose : Import Settings from your Parent Theme
on common this will be the trick.

by the way you can influence the p tag via advanced styling up to 80px

or do you only want to change some text block elements – than you can use Yigits css to have it specific

sorry wrong part. it goes about the video starting from your button.

Hm that code worked on my enfold theme:

https://www.youtube.com/watch?v=Y_dteRICqzs?autoplay=1&iframe=true

• This reply was modified 6 years, 3 months ago by Guenni007.