Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 1, 2021 at 6:53 pm #1303459
    epidirect

    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 3 years, 9 months ago by epidirect.
    June 3, 2021 at 6:50 am #1303709
    Rikard

    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

    June 4, 2021 at 8:28 pm #1304139
    epidirect

    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 3 years, 9 months ago by epidirect.
    June 8, 2021 at 3:30 am #1304500
    Ismael

    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

    June 8, 2021 at 7:06 pm #1304739
    epidirect

    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

    June 11, 2021 at 5:08 am #1305179
    Ismael

    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

    June 13, 2021 at 10:36 pm #1305477
    epidirect

    Hi Ismael,

    Excellent – thank you. I’ve brought the menu back up and images are working. It seems as though clicking on the menu, and then trying to click on a menu item that expands (ie the ‘work’ or ‘about’ menus) do not expand the menu – just selects it.

    Am I missing something in the settings for the menu? It used to drop down and show more links after expanding.

    Thank you very much, again, you’ve been a great help.

    Cheers.
    Doug

    June 15, 2021 at 10:21 am #1305755
    Ismael

    Hi,

    The drop down or the sub menus in the burger menu overlay are not displaying correctly because of this css code.

    .home ul.sub-menu, .page-id-33 ul.sub-menu, .page-id-160 ul.sub-menu, .page-id-164 ul.sub-menu, .page-id-167 ul.sub-menu, .page-id-170 ul.sub-menu, .page-id-173 ul.sub-menu, .page-id-176 ul.sub-menu, .page-id-179 ul.sub-menu {
	display: none !important;
}

    You have to remove it or adjust it accordingly.

    Best regards,
    Ismael

    June 16, 2021 at 6:26 pm #1306087
    epidirect

    Ismael,

    Thank you very much – seems like it’s all sorted now.

    You have been a tremendous help – appreciate it!

    Thank you,
    D

    June 17, 2021 at 4:06 pm #1306213
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘iOS layerslider or menu + images not working’ is closed to new replies.