editing the files means having a child-theme footer.php and maybe insert your own hook

f.e. after the <?php on line 162 of footer.php
do_action( 'ava_in_socket' );

try this – that is probably a good approach to the solution

@media only screen and (max-width: 767px) {
  .big-preview.single-big, .big-preview.single-small {
    width: 120% !important;
    max-width: 120% !important;
    margin: 0 auto !important;
    position: relative;
    left: -10% !important;
}
  #main .content {
    padding-top: 0px
  } 
}

i edited the thread because i see in your css some strange things:

by the way on my Mac newest OSX and Safari / Safari Technology Preview / Chrome / Firefox all is ok with your Headings

i think he likes to add an ID to an Enfold ALB Button!
There are scripts to achieve this, but then the class should definitely only exist once! – otherwise you will have double ID conflicts !

give the button itself a unique class (in my case: unique-class )
add this to functions.php of your child-theme:

function add_ID_to_unique_class() { 
?>
<script>
(function($){
	$(document).ready(function(){ 
  		$('.unique-class .avia-button').attr('id', 'what-you-like');
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_ID_to_unique_class');

If you have this often – then i would edit that alb element to have an id Input field – put it in child-themes/shortcodes folder and load that.
Instructions: https://webers-testseite.de/edited-enfold-alb-elements/
See here: https://pastebin.com/EE3b0wX4
Download here: https://pastebin.com/dl/EE3b0wX4

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

Ich bin mir aber nicht im Klaren, ob das Plugin oder ein anderes das in Überschriften vermag, wenn ein explizite word-break oder word-wrap Anweisung existiert.
Ausserdem solltes du mit solchen tools sparsam umgehen. Dei Manuelle Methode ist zwar zeitaufwändig, aber dafür Performance schonend. Denn wenn ganze Seiten von dem Plugin nach möglichen hypens durchsucht werden und gesetzt werden müssen geht das ganz schön auf die Server-Power.

Eventuell stellt dich ja die normale Trennung zufrieden (nicht die grammatikalisch perfekte):

h1,h2,h3,h4,h5,h6 {
  hyphens: auto !important
}

____________

But I’m not sure if the plugin or any other plugin can handle headlines if there is an explicit word-break or word-wrap statement.
Also, you should use such tools sparingly. Although the manual method is time-consuming, it is performance-saving. Because if whole pages are searched by the plugin for possible hypens and must be set, this goes quite on the server power.

where did you insert that do_shortcode block?

maybe you have to put in the echo do_shortcode( ) at that template

and by the way on mac keyboards there is no sign for it – you find this special backslash on
alt+shift+7

have you a link where this does not work – or where you want that to work.

ah – onething i have forgotten: you have to shift the content the same value to top ( to adjust the padding-top of color-section)
i did it with the column option for the first column: Custom top and bottom margin margin-top : -52vw

last try from my side here: you see that example page with your video: https://webers-testseite.de/video-tut/
Isn’t that the thing you like to optain?
You can not have full height and responsiveness. These are conditions that are mutually exclusive

If you have some content in front of the video – i can understand your request. But without the best way is to use the full-width video slider

you mean something like this:
for making a difference between highresolution screens – like apple retina displays ?

add_filter('avf_logo','av_change_logo_url');
function av_change_logo_url($url){
    if (window.devicePixelRatio >= 2)
    {
        $url = "http://www.domain.com/wp-content/uploads/retina-logo.jpg";
    }
    else {
		$url = "http://www.domain.com/wp-content/uploads/normal-logo.jpg";
	}
    return $url; 
}

did you try that code above by copy / paste ?

the advantage is that the image floats to the text.

yes i know – and you can see on may test-page ( https://webers-testseite.de/portfolio-item/pirol-hifi/ ) that the code above works well for my Enfold 4.4.1
there are a lot of portfolios but- only two with “category” frontside – and only these two are shown.
i do not know why it works on my installtion (4.4.1) and on your setup not.

well my first input to that was to move the two things in the DOM.
because I am intensifying my knowledge about jQuery, I have a solution here, but I think it must be easier done. I looked at the helper-main-menu.php, but couldn’t find anything at first sight.
Maybe there is a solution via the filter: avf_main_menu_nav
It now depends on which headers you use. You may need to make adjust it for the transparent headers. The icons follow the shrink behavior. You still have to determine the transparency font color.

this to functions.php of your child-theme

function change_menu_position() { 
?>
<script>
(function($){
	$('.main_menu ul.social_bookmarks').insertBefore($('.main_menu div.avia-menu'));
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'change_menu_position');

this to quick css:

#top nav .social_bookmarks {
    margin-top: -20px !important;
    overflow: visible !important;
    height: 40px !important
}
.avia-menu.av_menu_icon_beside {
    padding-right: 0;
    margin-right: 0;
    border-right-width: 0;
    border-right-style: none;
}
.social_bookmarks li a {
    height: 40px !important;
    line-height: 40px !important;
    width: 40px !important;
}
#top .social_bookmarks li {
    width: 40px;
    height: auto !important;
}
#top .av-logo-container .social_bookmarks li a {
    border-radius: 50%;
}
.av_header_transparency .social_bookmarks li a {
    color: #969696 !important;
}

the exact positioning of the social-bookmarks is then only possible if i have your life link afterwards.

why don’t you add them to Enfold Options in the ordersequence you like to have?

the top is on the left – the bottom on the right.