Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 27, 2020 at 11:00 am #1255991
    Nakupenda

    Hi Guys,

    We have an issue displaying widget content above the footer. After thorough research we have found the problem to be related with the section components.

    Situation:
    In the child theme functions.php we have created a function that calls for a widget.
    In that widget we use custom HTML and set an Optinmonster script. That scripts loads a container with an e-mail optin call-to-action.
    Somehow the content of this container is much larger then it should be and floats over the page content.

    We’ve made an Example: https://www.anglers.nl/test-enfold-issue/
    Note that that at this moment this is the only page the optinmonster script is called for.

    The problem occurs on pages where we use the Enfold Advanced Layout builder and the elements at the bottom of the content are placed within a layout element (<div id=”av_section_X”).

    Please note that we have ruled out that optinmonster is the problem:
    – if elements are NOT placed within a layout element (<div id=”after_section_X”) the content does not float over that element
    – the same Optinmonster script is used on blog pages. We do not use the Enfold builder for blogs. We have no problems there.
    https://www.anglers.nl/stappenplan-in-10-stappen-een-nieuwe-website-laten-maken/

    It looks like there is an issue with the section containers.

    Please help!

    October 31, 2020 at 8:18 pm #1257319
    Mike

    Hey Jules,
    Sorry for the very late reply, and thanks for the link to your site. I was not able to view your script because the theme editor is hidden, but in my testing of the frontend HTML I find that if you add the class avia-section your inserted div with these classes widget_text my-extra-widget-page then the page shows correctly.
    I was able to test by injecting this script via my browser:

    (function($){
$(document).ready(function(){
  $('.widget_text.my-extra-widget-page').addClass('avia-section');
});
})(jQuery);

    Please try adjusting your script to add the class, please don’t use my script above it is only for testing.

    Best regards,
    Mike

    November 2, 2020 at 10:29 am #1257543
    Nakupenda

    Brilliant! Thats it.
    Did not even require real scripting. Just needed to add the class to the div within the widget.
    class=”avia-section”
    Thanx! That was very helpful Mike!

    • This reply was modified 5 years, 3 months ago by Nakupenda.
    November 2, 2020 at 3:00 pm #1257610
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘footer widget display issue after section’ is closed to new replies.