-
AuthorPosts
-
March 12, 2019 at 3:34 pm #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’);March 14, 2019 at 9:24 am #1078606Hey debra15,
Can you please attach a screenshot of the issue on your end?
The pages look the same on my end.
Best regards,
VictoriaMarch 15, 2019 at 4:38 am #1078985Please check out these pictures, thanks!
March 17, 2019 at 3:49 pm #1079601Hi 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,
VictoriaApril 1, 2019 at 6:53 am #1085287Sorry 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.
April 3, 2019 at 6:22 am #1086362Hi,
Thanks for the update.
Yes, that should be fine. Is it removing the unwanted scroll bar?
Best regards,
IsmaelApril 8, 2019 at 3:56 am #1088110It 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.April 9, 2019 at 2:24 am #1088482Hi,
We’re not really sure what you mean by that. Shouldn’t it be scrollable? Please provide a screenshot of the issue.
Best regards,
IsmaelApril 9, 2019 at 3:25 am #1088501This reply has been marked as private.April 9, 2019 at 1:03 pm #1088650Hi,
We don’t see that extra scroll bar on Opera or Chrome Windows 7. Which browser are you using?
Best regards,
IsmaelApril 10, 2019 at 1:47 am #1088936I use window 10 and I can the extra scroll bar on chrome, firefox, Edge and IE.
April 13, 2019 at 8:22 pm #1090447Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.