But maybe you can do it with one common class on those items:

function popup_inline() { 
?>
<script type="text/javascript">
(function($) {
	$(window).load(function(){
	  $('.menu-item-17225 a, .menu-item-17226 a, .popup-button a, .archive-button, .header-button-1, .header-button-2').addClass('open-popup-link');
	  $('.open-popup-link').magnificPopup({
	    type:'inline',
	    midClick: true
	  }); 
	});
})(jQuery);
</script>
<?php }
add_action('wp_footer', 'popup_inline');

by the way : because i see in your example the top-navigation on the left – this is then : av_secondary_left
so it depends the css code on your constallation

if you like to choose the headline rotator with typewriter animation – and you don’t like the change between the paragraphs with that background-color you can overwrite the style this way:

.av-marked-text .av-rotator-text-single{
	background-color: transparent !important
}

or a different color

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

have you ever pressed that button.
that is an easy way to get it – and after finishing your layout – there are on the top right three buttons to close that window .

if this is all your Quick CSS – then why is clear for above reasons.
there are some closing brackets missing – each opening bracket must have a closing bracket.

@media only screen and (max-width: 767px) {
	.av_textblock_section .avia_textblock p * {
	font-size: 12px !important
	}
}
@media only screen and (max-width: 767px) {
	.responsive #scroll-top-link {
	display: block!important;
	}
}

But because the media query is the same – you can combine them to:

@media only screen and (max-width: 767px) {
	.av_textblock_section .avia_textblock p * {
	font-size: 12px !important
	}
	.responsive #scroll-top-link {
	display: block!important;
	}
}

Edit

Actually I think as someone who wanted to help you with the solution I have a certain right to know if and how you solved the problem.
Unfortunately the topic was already closed – but maybe you’ll come back to read this.

if you had a top menu then the activation is done and that little snippet of avia_meta_header is unnecessary:
this you can erase : add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);

the css will depend on the position of top menu – this here is for left position:

#header_meta .av-rotator-container {
    font-size: 24px !important;
    position: relative;
    left: 50%;
    float: left !important;
    transform: translateX(-50%);
    top: -10px;
}

.av_secondary_left .sub_menu {
  width: 80%;
}

#header_meta span {
    font-size: 30px;
}

there is a little error in the textblock.php

https://kriesi.at/support/topic/4-6-3-1-issues/#post-1144794

here is a corrected textblock.php : Link

If you do that all testings : do you allways refresh all caching tools ( including autoptimizer , enfold merging etc.) ?

small addendum: sometimes there are other elements between the mfp wrapper and the wrap_all. So wrap_all is no longer a direct neighbour.
Therefore you should rather use this one:

 /* instead of the code ( direct neighbor ) */
.mfp-wrap + #wrap_all {
  position: fixed !important ;
}
/* this here ( General Sibling Selector ) */
.mfp-wrap ~ #wrap_all {
  position: fixed !important ;
}

so it is now:

 .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
      opacity: 0.8;
  }

  .mfp-content {
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    overflow: hidden;
  }

  .mfp-arrow {
    position: fixed !important
  }

  .mfp-wrap ~ #wrap_all {
    position: fixed !important ;
  }

  img.mfp-img {
    max-width: 70vw;  
    padding: 10px 0 !important;  
  }

PS : it is clear that if you put it in a media query only for screens bigger than 768px – that the code does not work below this screen-width

on : ‎⁨ ⁨borlabs-cookie⁩ ▸ ⁨classes⁩ ▸ ⁨Cookie⁩ ▸ ⁨Frontend⁩ in Frontend.php

if I comment out the enfold lines the function runs ! :

line 116:

// Enfold
if (function_exists('avia_register_frontend_scripts')) {
    add_action('avf_sc_video_output', [ThirdParty\Themes\Enfold::getInstance(), 'modifyVideoOutput'], 100, 6);
} 

so there must be something in the Enfold.php that blocks selfhosted Videos.
borlabs-cookie⁩ ▸ ⁨classes⁩ ▸ ⁨Cookie⁩ ▸ ⁨Frontend⁩ ▸ ⁨ThirdParty⁩ ▸ ⁨Themes⁩ ▸ Enfold.php

no one hampers you to calculate other width: f.e.

for my example page:
because it is a grid-row after the slider the calculation it a bit different from color-section as follower.

@media only screen and (max-width:989px) {
  #united_slider .avia-slideshow.av_fullscreen {
      width: calc(100vw - 16%) !important;
      height: 45vw !important;
      left: 50%;
      transform: translateX(-50%);
  }
}

this is for your problem the best construction.
Take only a fullscreen slider – set its screenoptions to display everywhere !!!

:https://webers-testseite.de/slider-depending-on-screenwidth/

there is even for you a better moving script for the slider before the header container with a little performance optimizing debounce function.
Enfold itself has a debounce function included but i didn’t know how to use it for this function.

The autop function and the removal of line breaks is a WordPress peculiarity. I’ll just show you how to get around it. That’s all.
The one with the small plugin is to be set up once, then also the one who manages to make a font bold can insert such a linebreak into the text editor, which doesn’t disappear.

well i do not see your site – but if it is not to complicated – maybe only text – with links
then you can use the headline-rotator shortcode as Rikard said and maybe a hook to embed this.

https://webers-testseite.de/guenni/datenschutzerklaerung/
it is simply done via child-theme functions.php and on styled before on a post or page. to get the shortcode:
here just for the page-id-3:

in this manner: echo do_shortcode(“…”);

add_action('ava_main_header', function() {
if(is_page(3)){
echo do_shortcode("[av_headline_rotator before_rotating='' after_rotating='' interval='5' animation='' margin='' margin_sync='true' tag='h2' size='36' align='center' custom_title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' alb_description='' id='' custom_class='' av_uid='av-k1gw6wo0' admin_preview_bg='']
	[av_rotator_item title='today we offer abc' link='' linktarget='' custom_title='' av_uid='av-it587']
	[av_rotator_item title='but the whole week it is' link='' linktarget='' custom_title='' av_uid='av-egknj']
	[av_rotator_item title='another line to present' link='' linktarget='' custom_title='' av_uid='av-6u493']
[/av_headline_rotator]");
};
});

here is a little description on how you get this shortcode: Link

From Participant to Participant:

I am waiting since 47 hours now

Actually, I wanted to look at your code; but when I read something like this, I move on to the nearest problem.