hm the place you are looking for has no enfold prepared hook – but we can do it ourself.

if you are working with a child theme please goto your child-theme folder and create a subfolder named: includes
On enfold / includes there is a file : helper-main-menu.php

upload a copy of this to your child-theme includes folder.
We must now insert some code to that copied helper-main-menu.php
On line 199 you see:

`/* end container */
$output .= ” </div> “;`

after that insert :

/*
* Hook that can be used for plugins and theme extensions
*/
ob_start();
do_action('ava_after_inner_container');
$output .= ob_get_clean();

so you have than :

/* end container */
$output .= " </div> ";

/*
* Hook that can be used for plugins and theme extensions
*/
ob_start();
do_action('ava_after_inner_container');
$output .= ob_get_clean();
	
//output the whole menu     
echo $output; 

so now we have a piece where we can hook the widget to. in your functions.php of your child-theme add:

add_action( 'ava_after_inner_container', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
    dynamic_sidebar( 'sidebar-header-widget' );
}

Important: If you have allready used that functions name (enfold_customization_header_widget_area) replace it by another function-name.

Goto your widgets and create a customized widget area called “sidebar-header-widget”

Goto your Quick css and add:

.html_header_sidebar ul.social_bookmarks {
    border-bottom: 2px solid #efefef;
}
.html_header_sidebar #header_main .widget {
    margin: 0 13%;
}

PS

Look what happens to this widget area on responsive case! it is than directly under the header.
You will manage that by yourself – i would decide to not show that container and do it to display none ?

You can see the test page here: https://webers-testseite.de/kokon/elements/buttons/

• This reply was modified 8 years, 2 months ago by Guenni007.

yes do it with that widget solution – this has another advantage because some plugins like restrict widgets or widget logic can customise the way where you inserted it .

F.e. place that content and restrict the visibility to only categories or posts or … etc.

aha – jotform got no widget itself but here are some instruction to embed that form: https://www.jotform.com/answers/497948-Jotform-as-Wordpress-Widget

if you got a shortcode from jotform you can place it in a text in that widget area
JotForm’s Embed Form plugin

i placed testwise a contact form 7 via shortcode this way in a text widget:

<div class="avia-section">
<div class="container">
[contact-form-7 id="3235" title="Kontaktformular 1"]
</div>
</div>

these divs – just to have directly the correct width of the area.

Sorry lucille – i’m Participant as you – so i do not see Private Content on your postings

i can not see your site because i’m a participant as you – but the code did work on 2 testinstallations of mine (without !important) so my suggestion was that you are still in 1/4th column setup – and tries to unify the last two columns.
Sorry for that suggenstion. Did you set up on Dashboard – Enfold (Child) – Footer – Footer Columns : 3 ?

so try to deactivate that plugin in plugins list. Nothing will be lost because Database has all your settings.
Click once to dashboard (because it has to regenerate the admin bar) and have a look if layerslider is still in your dashboard listing. –

• if not you had to reactivate the plugin – save the sliders to your harddisc –
  erase the whole enfold folder ( only if you working with a child-theme ) upload the newest version of enfold folder via ftp.
  get rid of your layerslider folders in your plugins directory. Load your sliders in the embedded enfold one.
• if yes and all your sliders are still there – delete your layerslider from plugins list (you can do that (because it is not activated yet – via ftp)

it seems that you have allways had that mismatch – who ever did that – it was the wrong way – if there is a layerslider folder on plugins directory – this is not the embedded one – believe me or not ( i’m just a noob with 3 Replies in this forum)

i have a standalone license of layerslider – and if i must use those only activated features (origami transition etc.) i do that code to functions.php child-theme to deactivate the embedded one and install the standalone plugin.

• This reply was modified 8 years, 2 months ago by Guenni007.

well a lightbox is a lightbox – but you want it as big as possible!

please insert into your quick css:

.mfp-iframe-scaler {
    height: 55vw !important;
    width: 98vw !important;
}

you can do 100vw and 56vw – but than i think the close button is out of screen. ( The values concern to 16:9 ratio)

btw: on youtube something changes with embed code !!! do not take the embed code instead look to your url in the browser window for that video on my example (right side) the link in the url is:
https://www.youtube.com/watch?v=B7wkzmZ4GBw
the link given to you by clicking the share button is:
https://youtu.be/B7wkzmZ4GBw
if you click on embed on that screen you will get the iframe link:
<iframe width="560" height="315" src="https://www.youtube.com/embed/B7wkzmZ4GBw?rel=0" frameborder="0" allowfullscreen></iframe>

But we need the url in the browser add to that url:

https://www.youtube.com/watch?v=B7wkzmZ4GBw?rel=0&autoplay=1&iframe=true
and place it as manual link

• This reply was modified 8 years, 2 months ago by Guenni007.

well it is prepared to be 100% compatibel – but it is not embeded like Layerslider Plugin.
You have to have your own license.

The plugins list says 5.6.8, and inside…

have you got in your plugins list a layerslider ?
If so – this is not the embedded one

see one of my testinstallations – no layerslider in plugins-list but layerslider (the embedded one) on dashboard.

could you please try to do this in functions.php of child-theme:

function my_datepicker_defaults() {
?>
 <script type="text/javascript">
	jQuery(document).ready(function(){ 
		jQuery.datepicker.setDefaults({
		minDate: 0,
		maxDate: "+12m"
       		});
  	});   
 </script>
<?php
}
add_action('wp_footer', 'my_datepicker_defaults', 20);

this seems to work on my test installation

hm – i thought we can manage it via :

       $.datepicker.setDefaults({
		minDate: 0,
		maxDate: "+12m"
       })

but when i’m sucessful with that code inserted – some other things on enfold do not work correct. – And i don’t know realy why

thanks ismael – i will test it and then goes to my personal snippet list

i did it this way:

function avia_custom_logo(){
?>
 <script>
jQuery('.html_header_sidebar .logo').find('img').attr('src', 'path to the new logo');
 </script>
<?php
}
add_action('wp_footer', 'avia_custom_logo');

• This reply was modified 8 years, 2 months ago by Guenni007.

overwrite the php you have inserted to your parent theme with original and try this here in child-theme functions.php

coming soon – seem to be a bit buggy :lol

no -sorry i managed it to insert those settings but on enfold then something mismatched.
maybe one mod could help here.

• This reply was modified 8 years, 2 months ago by Guenni007.

Offtopic:

wie gesagt – reiner Eigennutz. Durch die Fragen bin ich gezwungen über die Machbarkeit nachzudenken.
Das hilft mir weiter, mich schnell einzuarbeiten.

by the way what font should it be on f328 is something missing !

try this here: – (where did you get the hexcode from? on fontello you are right – that icon has 0xf328 but) on embeded entypo-fontello the code of that icon is ue907 (a bit smaller ue906)

function avia_add_custom_icon($icons) {
  $icons['spotify']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue907');
  return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
  $icons['spotify'] = 'spotify';
  return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

by the way if you like to have the same behavior as the other social icons on layout.css there are the rules set for those icons (since line 1373):

#top #wrap_all .av-social-link-rss:hover	 a {color:#fff; background-color:#ffa133; }
#top #wrap_all .av-social-link-facebook:hover a{color:#fff; background-color:#37589b; }
etc. …

so add for example to your quick css:
#top #wrap_all .av-social-link-spotify:hover a {color:#fff; background-color:#7c26f8; }