I've added an image slider shortcode in one of the portfolio pages with the help of the following plugin - BEAF - Ultimate Before After Image Slider & Gallery. Whenever I navigate to that portfolio from let's say the showcase carousel, the theme content overlaps the slider. And when I refresh/hard refresh the page the slider looks fine inside the container.
Earlier I had added the shortcode block inside the manifesto parallax image block where I first noticed this issue. I've tried using the shortcode block inside a container, shortcode block without a container and the shortcode itself in a normal text block but nothing seems to work.
Since then I've tried using multiple plugins which create a slider using shortcode and the this issue persists with all of them.
Could you please check and let me know how could I get around this. I've attached a video for your reference.
you can disable ajax in customizer -> general settings.
The thing is that we cannot guarantee any of the third party elements/plugins are working w/ AJAX
CSS styles are usually loaded in the header of the page, dynamic js effects in the footer.
When a page is loaded with ajax header and footer stay the same (the original starting page), the content is loaded in an inner container.
We recommend using our shortcodes/Gutenberg blocks/Elementor widgets that are guaranteed to work with ajax. Or disable ajax in customizer -> general settings. You can also keep the ajax on and add the page containing the elements as custom menu link therefore bypassing ajax.
Hey,
I've added an image slider shortcode in one of the portfolio pages with the help of the following plugin - BEAF - Ultimate Before After Image Slider & Gallery. Whenever I navigate to that portfolio from let's say the showcase carousel, the theme content overlaps the slider. And when I refresh/hard refresh the page the slider looks fine inside the container.
Earlier I had added the shortcode block inside the manifesto parallax image block where I first noticed this issue. I've tried using the shortcode block inside a container, shortcode block without a container and the shortcode itself in a normal text block but nothing seems to work.
Since then I've tried using multiple plugins which create a slider using shortcode and the this issue persists with all of them.
Could you please check and let me know how could I get around this. I've attached a video for your reference.
Thanks
Attached files: Content Overlapping Shortcode - Video.mp4
Hello,
you can disable ajax in customizer -> general settings.
The thing is that we cannot guarantee any of the third party elements/plugins are working w/ AJAX
CSS styles are usually loaded in the header of the page, dynamic js effects in the footer.
When a page is loaded with ajax header and footer stay the same (the original starting page), the content is loaded in an inner container.
We recommend using our shortcodes/Gutenberg blocks/Elementor widgets that are guaranteed to work with ajax. Or disable ajax in customizer -> general settings. You can also keep the ajax on and add the page containing the elements as custom menu link therefore bypassing ajax.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy