that is to complex the line in the code : array_unshift($paths, $template_url.'/shortcodes/');
gives the folderstructure :

just a folder “shortcodes” (or in case to replace a script “js” ). and in it the files – but as i described above since 4.0.3 this “half-worked”
The new files are loaded to dashboard – appearance – editor. but the changings of those files has no influence.
When i overwrite the original by the new one – changings take place. So i’m now a bit helpless too!

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

see here – this code above is in child-theme functions.php – and you see it is loaded to editor list! but there is no influence of h3 here.
It stayes h4 till the original file is overwritten. (Click on image to zoom)

how do you garantee that the child-theme shortcode was taken?

i hold the same structure when i want to replace a shortcode.
So my subfolder is the same name (shortcodes) in Child-Theme folder and than i put in functions.php of child-theme the following:

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;
}

Well i try to give the .container a class if it contains a .avia-video class:

this to functions.php in child-theme

function add_video_style(){
?>
<script type="text/javascript">
(function($){
	$(window).load(function() {
		if ($(window).width() < 480) {
			$('.container').has('.avia-video').addClass('video-test');

		} else {
			$('.container').has('.avia-video').removeClass('video-test');
		}
	})
	$(window).resize(function() {
		if ($(window).width() < 480) {
			$('.container').has('.avia-video').addClass('video-test');

		} else {
			$('.container').has('.avia-video').removeClass('video-test');
		}
	})
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'add_video_style');

with:

.container.video-test {
    max-width: 100% !important;
    width: 100% !important;
}

but i can not select specifically the other containers adjacent to avia-video
as Rikard said: In this case you have other content in the same container so it would make that content go full width as well.

in avia.js on line 1765 there is the burger_wrap.click(function(e)

to change it to hover by : burger_wrap.hover(function(e) is simple but does not bring the solution.
So it does not work yet : It opens than but on leaving the (close button ) it closes immediately.

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

first of all – do you have any caching or minifying tools installed. Because on my firebug i do not see the usual structure of css.

if i do a “live edit” in my firebug:

on your site it is in firefox osx the same thing.
btw : You have a shift of the header element when scrolling down – is this normal enfold behavior of header not visible until you scroll down ?

the top value of that button is for the hide button to much:

#advanced_menu_hide {
    top: 40px;
}

and for me it was a bit strange to see content under the mobile nav. :
if you place that code the hide button was imediately visible – you only have to shift it to the right place – see above

#mobile-advanced {
    height: 100% !important;
}

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

please again the code to htaccess is:

<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

in contrast to your input (first you lost the first line now again one line is missing):

<FilesMatch “.(eot|ttf|otf|woff)”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>

and i don’t know if the place is the right one
do not insert code there – this is htaccess entry by wordpress itself – try this here:
btw: mod_headers.c is different to mod_rewrite.c !

<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

well now see here first – is this the thing you like to have ( top left position)
https://webers-testseite.de/kokon/pages/faq/

(do not look to the logo – it is a next trial an error thing of my testings)

click on that little arrow

if that is good enough? Link

but for behavior on responsive case – sorry i do not have the time to go here further

you mean a normal table or that enfold pricing table?
look here http://kriesi.at/themes/enfold-2017/elements/tables/
if it is a normal one- like the last one – you can adress (select) each coloumn by :

.avia-table-5 th:first-child {width: 30%}
.avia-table-5 th:nth-child(2) {width: 20%}
.avia-table-5 th:nth-child(3) {width: 25%}
.avia-table-5 th:nth-child(4) {width: 25%}

so give the table a custom class f.e. tablestyle1 and go this way

.tablestyle1 th:first-child {width: 30%}
.tablestyle1 th:nth-child(2) {width: 20%}
.tablestyle1 th:nth-child(3) {width: 25%}
.tablestyle1 th:nth-child(4) {width: 25%}

you have to create a folder in your child-theme folder – call it “shortcodes”
put in the columns.php of josue in that folder and
place this to your child-theme functions.php:

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;
}

ok – so geht es ja jetzt

PPS:

setze mal in quick css:

#mobile-advanced {
    background-image: url("http://ahlers-vogel1.x-production.com/wp-content/uploads/2016/10/Ahlers-Vogel_Logo.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 40% auto;
    padding: 10% 0 !important;
}

und schau dann in das mobile menu rein
eventuell nimmt man da auf Grund deines grauen Hintergrundes ein anderes Logo ( ganz Weiss vielleicht oder composite)

your welcome

immer genau lesen – ich war ja von den Einstellung individuelle höhe und kein Abstand ausgegangen – bei dir ist es jetzt:

#top .av_one_fifth {
    width: 18%;
}

@media only screen and (min-width: 480px) and (max-width: 990px) {
#top .av_one_fifth {
    clear: none !important;
    width: 48% !important;
}
#top .av_one_fifth:nth-child(2n+1) {
    clear: both !important;
}
}

die no-margin anweisung ist auch dann hinfällig gewesen weil du ein top-margin definiertest.

was ich mit Einstellungen meine: die erste 1/5 tell Spalte bestimmt das Verhalten der 4 nachfolgenden. Wenn du jetzt von einem 4 Spalter auf einen 5 Spalter wechselst, springen die 1. Elemente der folgenden Reihen als 5. Element eine Reihe höher. Und das ursprünglich 2. 1/5tel springt auf den ersten Platz. Diese Columns sind aber per default auf equal height und space eingestellt. Daher musst du beim Ändern auf 5 Spalter alle ersten Spalten die Einstellungen dort prüfen.