Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 17, 2025 at 7:34 pm #1475315
    Munford

    HI
    I am using a layout with the menu in the right sidebar, with a widget underneath. It’s fine on PC but on mobile the widget doesn’t show up in the flyout menu. Is there a way to show this in the menu, or as a footer on all the mobile page instead (I have the footer turned off globally).

    thanks
    Nancy

    • This topic was modified 1 month ago by Munford.
    January 18, 2025 at 9:17 pm #1475357
    Mike

    Hey Munford,
    The sidebar is not expected to show on mobile in this layout, nor in the burger menu, but adding this code to the end of your child theme functions.php file in Appearance ▸ Editor will show it:

    function custom_script() { ?>
  <script>
(function($){
$('#avia-menu').one('click', function(){
jQuery('.avia-custom-sidebar-widget-area.sidebar.sidebar_right').clone().wrapInner('<div class="sidebar-widget-area"/>').children(0).unwrap().appendTo('#av-burger-menu-ul');
});
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    Screen Shot 2025 01 18 at 3.16.23 PM

    Best regards,
    Mike

    January 22, 2025 at 4:19 pm #1475566
    Munford

    ok thanks, I used a mobile menu instead for that.
    I had another question about the side menu.
    I am using the code here on this thread: #875588 to get the submenu items to show in the side menu which looks OK, but there is something wrong with the way the links are working – they don’t seem to respond right away or correctly. he hover color. If I am moving down the page with my mouse, it turns to blue as it should, but if I am moving up from the bottom, the color doesn’t change. Can you see what is happening here? Also how do I set the active color on those submenu links?

    .html_header_right.av-main-nav ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    position: static;
    margin-bottom: 15px;
    float: left;
    border: 0;
    box-shadow: none;
}

.html_header_left .av-main-nav ul.sub-menu li, 
.html_header_left .av-main-nav ul.sub-menu li a {
    border: 0 !important;
}

    **
    right now I have a menu with “-” in front of the submenu items. Is there a way to hide this – have a space there – so I don’t have to code the submenu in? it’s not working correctly at all. https://imgur.com/f3pkxIV is what i have and this is what it looks like with the submenu code https://imgur.com/pT3QKRA

    ** OK I figured this out below with: 

     li#menu-item-263 {
padding: 0 20px;
}

    If there is an easier way please let me know.
    thanks
    Nancy

    • This reply was modified 1 month ago by Munford.
    • This reply was modified 1 month ago by Munford.
    • This reply was modified 1 month ago by Munford.
    • This reply was modified 1 month ago by Munford.
    • This reply was modified 1 month ago by Munford.
    • This reply was modified 1 month ago by Munford.
    January 22, 2025 at 10:20 pm #1475600
    Mike

    Hi,
    Glad to hear that you have this sorted out, shall we close this topic?
    Please open a new thread for each issue as it will help the Mods and future users.

    Best regards,
    Mike

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