Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1303459

    Good afternoon friends,

    I’ve got Enfold updated to the latest version after running a much older version (old developer) prior to this.

    The menus (presumably layerslider wp) are not loading on iOS devices, neither are images. The theme was created as a child theme. Any advice here?

    Thank you,
    Doug

    • This topic was modified 1 week, 5 days ago by  epidirect.
    #1303709

    Hi Doug,

    Could you post screenshots of the problems you are seeing on your end please? Also let us know which IOS device and browser you are using.

    Best regards,
    Rikard

    #1304139

    Hello,

    I’ve attached the iOS device screenshot (sorry, it’s not an actual screenshot – device policy) as well as what it looks like on an Android device.

    As you can see, the iOS device does not load the images/menu. on the left hand side.

    https://imgur.com/a/qyuiKcF

    EDIT: It seems as though when I update the enfold theme, it breaks the menu for both iOS and Android devices. You can test both devices and see that the menu breaks on Android (images seem to work on Android) and both menus and images are broken on iOS.

    Seems like something has gone very wrong – would appreciate the assistance.

    • This reply was modified 1 week, 2 days ago by  epidirect.
    #1304500

    Hi,

    Thank you for the update.

    The mobile menu is not displaying because of this css code in the style.css file.

    .main_menu .avia-menu, #header_main_alternate, .fallback_menu {
        display: none;
    }
    

    It is inside a css media query. You may need to adjust the menu position after removing the css code above.

    And there is a modified version of the shortcodes.js file in the child theme. Please check it and make sure that you are using the updated version of the file. We disabled the wp_change_shortcodesjs function temporarily.

    Best regards,
    Ismael

    #1304739

    Hello Ismael,

    Thanks for the reply. Seems that images are working on ios/android by commenting out the .nippet you posted

    I have replaced the shortcodes.js file in the child theme with the one provided within the latest release of enfold

    However, the burger menu simply does not appear at all – I cannot relocate it as it shows in the same area. It is located in the ‘left sidebar’ and I am unable to verify that the left side bar is showing in the mobile site. Any tips?

    I appreciate your help – thank you very much.

    Cheers,
    Doug

    #1305179

    Hi,

    Thank you for following up.

    The burger menu is above the logo, covering it. You can move it to the right with this css code.

    @media only screen and (max-width: 767px) {
        #header {
            height: 88px!important;
            min-height: 88px !important;
            width: 100% !important;
        }
    }
    

    If the css media query above already exists, you can just omit it and move the above css rule inside the existing media query. And to adjust the padding and adjust the color of the burger menu items, add this css code.

    
    .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
        color: gray;
    }
    
    ul#av-burger-menu-ul {
        padding: 20px 0 !important;
    }
    
    

    The color of the “x” button also needs a bit of adjusting.

    span.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active span.av-hamburger-inner, span.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active span.av-hamburger-inner:before, span.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active span.av-hamburger-inner:after {
        background-color: gray !important;
    }
    

    You should move these css rules inside the css media query above.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.