Action calling do_shortcode with av_slideshow_full breaks mobile responsive view

Hi there,

my goal is to add full width picture after the menu and before the content on every page using an action in functions.php. Based upon this post I added following code to functions.php:

function add_custom_header_picture() {
	echo do_shortcode("
	[av_slideshow_full size='no scaling' min_height='0px' stretch='' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' conditional_play='' animation='slide' transition_speed='' autoplay='false' interval='5' lazy_loading='disabled' id='' custom_class='' av_uid='av-kihxz8j8']
[av_slide_full id='2297' av_uid='av-2eh99n'][/av_slide_full]
[/av_slideshow_full]
	");
}
add_action('ava_after_main_container', 'add_custom_header_picture');

This gets the job done and works as expected on Desktop. But on mobile the responsive layout is broken. This is how it is supposed to look:

This is how it looks when I turn on the action in functions.php:

I tried several other hooks but it didn’t change the behaviour.

Can you please tell me how I can achieve my goal and have a proper responsive mobile layout?

I added the website link and login credentials to the private content section for the kriesi support team. Please feel free to log in and make changes as you see fit. The website is a copy of the production environment. If you break something it doesn’t matter.

Thanks,

Nico

• This topic was modified 3 years, 11 months ago by nifri. Reason: Added tags