Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1077846

    After Enfold theme upgraded from 4.5.3 to 4.5.4 on my staging site, the submenu (which I use below code in function.php only shows on mobile) on blog disappears but is normal on homepage, page, portfolio, and products.
    Please check private content, thanks!

    add_action(‘wp_footer’, ‘ava_after_main_title_mod’);
    function ava_after_main_title_mod() {
    echo ”
    <div id=’custom-fullwidth’ style=’z-index:301;’>”;
    echo do_shortcode(“[av_submenu which_menu='' menu='136' position='center' color='main_color' sticky='aviaTBsticky']

    [/av_submenu]“);
    echo “</div>
    “;
    }

    function ava_custom_script_mod_submenu(){
    ?>
    <script>
    (function($){
    $(‘#custom-fullwidth’).next(‘.clear’).appendTo(‘#custom-fullwidth’);
    $(‘#custom-fullwidth’).next(‘.av-submenu-container’).appendTo(‘#custom-fullwidth’);
    $(‘#custom-fullwidth’).next(‘.sticky_placeholder’).appendTo(‘#custom-fullwidth’);
    $(‘#custom-fullwidth’).prependTo(‘#main’);
    })(jQuery);
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘ava_custom_script_mod_submenu’);

    #1078606

    Hey debra15,

    Can you please attach a screenshot of the issue on your end?

    The pages look the same on my end.

    Best regards,
    Victoria

    #1078985

    Please check out these pictures, thanks!

    #1079601

    Hi debra15,

    Thank you for clarifying.

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #1085287

    Sorry for the late reply.

    I updated to 4.5.5 and it works now. The submenu shows on mobile. But there is the other scroll bar (please check out the picture). Is it ok I just add the following CSS in Quick CSS?
    html.responsive, .responsive body {
    overflow-x: hidden;
    overflow-y: overlay;
    }

    • This reply was modified 5 years, 8 months ago by debra15.
    #1086362

    Hi,

    Thanks for the update.

    Yes, that should be fine. Is it removing the unwanted scroll bar?

    Best regards,
    Ismael

    #1088110

    It removed the scroll bar, but the <div id=”main” class=”all_colors” data-scroll-offset=”60″> still can be scrolled.
    Please check out the Private Content, thanks.

    #1088482

    Hi,

    We’re not really sure what you mean by that. Shouldn’t it be scrollable? Please provide a screenshot of the issue.

    Best regards,
    Ismael

    #1088501
    This reply has been marked as private.
    #1088650

    Hi,

    We don’t see that extra scroll bar on Opera or Chrome Windows 7. Which browser are you using?

    Best regards,
    Ismael

    #1088936

    I use window 10 and I can the extra scroll bar on chrome, firefox, Edge and IE.

    #1090447

    Hi,
    Sorry for the late reply, and thank you for the screenshot. I’m using Windows 10 also, but I don’t see the second scrollbar in Chrome, but I do see it in Firefox.
    I corrected the issue by replacing this css in your Quick CSS:

    html.responsive, .responsive body {
    overflow-x: hidden;
    overflow-y: overlay;
    }

    with this:

    html.responsive, .responsive body {
        overflow-x: visible !important;
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.