Tagged: , ,

Viewing 30 posts - 1 through 30 (of 38 total)
1 2
  • Author
    Posts
  • July 15, 2017 at 12:48 pm #821640
    Klaasbaas1983

    Hi,

    My sub-menu items (Mega Menu) are not showing on Mobile after update to 4.1.1
    However, as soon as I put on of the two items 1 level deeper it appears again.

    Layout:

    HOME
    ABOUT US
    WHO WE ARE
    WHAT WE DO
    PROJECTS
    SCHOOL SUPPLIES
    AFRIPADS
    DEWORMING
    SCHOOL UNIFORMS
    HOW YOU CAN HELP
    BLOG
    DONATE

    The menu-items on the desktop version are working fine.

    Please let me know if you need any more information.
    Thanks for your help!

    • This topic was modified 7 years, 4 months ago by Klaasbaas1983.
    July 16, 2017 at 6:57 am #821920
    Rikard

    Hey Klaasbaas1983,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    July 16, 2017 at 11:10 am #821955
    Klaasbaas1983
    This reply has been marked as private.
    July 17, 2017 at 12:29 am #822244
    Mike

    Hi,
    The burger menu doesn’t support html in columns to create menu image links, you need to create a sub item under it as a page & check “description” from the “screen options” at the top of the Menu page.
    Your code in the description box would look like this:

    <a href="https://www.cityshine.org/who-we-are-charity-ngo/"><img class="aligncenter size-square" src="https://www.cityshine.org/new/wp-content/uploads/cityshine_staff_thumb.jpg"width="180" height="180" /></a>

    postimage
    postimage
    postimage

    Best regards,
    Mike

    July 17, 2017 at 12:29 am #822245
    Mike

    Hi,
    The burger menu doesn’t support html in columns to create menu image links, you need to create a sub item under it as a page & check “description” from the “screen options” at the top of the Menu page.
    Your code in the description box would look like this:

    <a href="https://www.cityshine.org/who-we-are-charity-ngo/"><img class="aligncenter size-square" src="https://www.cityshine.org/new/wp-content/uploads/cityshine_staff_thumb.jpg"width="180" height="180" /></a>

    postimage
    postimage
    postimage

    Best regards,
    Mike

    July 18, 2017 at 7:55 pm #823475
    giorgio_betagrafic

    Hi, I have the same problem, I update today to 4.1.2 and “Display submenu item on click” DON’T WORK ON MOBILE (iPhone 6s).

    Somebody can help me?

    July 19, 2017 at 1:32 am #823573
    giorgio_betagrafic

    I resolved this way.
    The problem was to use this “#” symbol to make no links to the main column of the menu. I removed this “#” symbol and I entered this: “https: //” and it returned all to normal, it works perfectly.
    I hope I’ve been useful to someone.

    July 19, 2017 at 1:41 am #823577
    Mike

    Hi,

    @giorgio_betagrafic    , thanks for sharing your solution, and Thank you for using Enfold.

    Best regards,
    Mike

    July 19, 2017 at 12:02 pm #823894
    giorgio_betagrafic

    Hi,
    I did the tests and I saw that desktop and laptop work just fine with FIREFOX but not with CHROME and NEVER WITH SAFARI.
    Now it’s URGENT that some of the technical support comes alive to solve the problem.
    Othes
    Thank You

    July 20, 2017 at 4:46 pm #824683
    Klaasbaas1983

    Hi Mike,

    Thank you for helping me.

    I’ve been trying to reproduce what you sent me, but was unable to do so.
    This is as far as I could come and doesn’t even look the way I want it to look:

    https://postimg.org/image/8p0sqqh0b

    https://postimg.org/image/k03gf3nvf

    https://postimg.org/image/ae9vyswpn

    Sorry to ask for step-by-step instructions, but can’t seem to figure it out.

    Thank you for your help

    • This reply was modified 7 years, 4 months ago by Klaasbaas1983.
    July 20, 2017 at 6:42 pm #824789
    giorgio_betagrafic

    Mobile menu issues 4.1

    July 21, 2017 at 2:30 pm #825122
    Arne

    The problem was to use this “#” symbol to make no links to the main column of the menu. I removed this “#” symbol and I entered this: “https://” and it returned all to normal, it works perfectly.

    Works for me too – thanks a lot!

    July 21, 2017 at 3:59 pm #825153
    giorgio_betagrafic

    Hi,
    I did the tests and I saw that desktop and laptop work just fine with FIREFOX but not with CHROME and NEVER WITH SAFARI.

    July 22, 2017 at 3:15 pm #827377
    Mike

    Hi,

    @giorgio_betagrafic     can you please add a screenshot of the difference between Firefox and Chrome? I believe it is working for me in Chrome for windows.

    Best regards,
    Mike

    July 22, 2017 at 6:20 pm #828427
    giorgio_betagrafic

    Hi.
    I have a Mac computer wiht macOS Sierra v. 10.12.6.
    If I use the (#) symbol with Firefox works good, but in Chrome and Safari open an empty page (white).

    July 24, 2017 at 9:57 am #828929
    zankaent

    Hello I work on Windows (Chrome, Firefox, Edge) and iOs (Safari, Chrome),
    and “#”, “#?something” and “https://&#8221; don’t work on any browser for me :(

    July 25, 2017 at 7:25 pm #829750
    Arne

    I just noticed that in Chrome (Windows) the “https://&#8221; linked to about:blank instead of no link at all in Firefox. So I had to go back to “#” and “Always display submenu items” on mobile devices. Sorry, this is just annoying.

    July 27, 2017 at 7:05 am #830469
    Ismael

    Hey!

    The columns are not displaying because they are empty. The new menu script will not render empty mega menu columns or columns that do not contain any sub menu items.

    Cheers!
    Ismael

    July 31, 2017 at 6:29 pm #832331
    Arne
    This reply has been marked as private.
    August 3, 2017 at 3:59 pm #833937
    Klaasbaas1983

    Hi Mike,

    Thank you for helping me.

    I’ve been trying to reproduce what you sent me, but was unable to do so.
    This is as far as I could come and doesn’t even look the way I want it to look:

    https://postimg.org/image/8p0sqqh0b

    https://postimg.org/image/k03gf3nvf

    https://postimg.org/image/ae9vyswpn

    Sorry to ask for step-by-step instructions, but can’t seem to figure it out.

    Thank you for your help

    August 5, 2017 at 4:04 am #834566
    Ismael

    Hi,


    @Klaasbaas1983    : That is the default layout. Could you please provide a screenshot of the layout that you’re expecting?

    @Arne: The mobile looks fine when I checked it. Could you please provide a screenshot of the issue?

    Best regards,
    Ismael

    August 5, 2017 at 10:33 am #834682
    Klaasbaas1983

    I wish I could show you the layout that I’m expecting, but that’s the very reason I’ve opened this ticket.
    I want my submenus to show as before the update to 4.1.1

    I understand (or I actually don’t understand the rationale) that it doesn’t display the colums if they’re empty.
    Isn’t there something I can do to fix this?

    For desktop: menu should show all pages in a mega menu horizonally
    For mobile: menu items should show vertically

    I’ve provided Rikard with login to my website. Perhaps you can help me?
    I’ll send the creds to you if needed.

    Thanks for your help!

    August 6, 2017 at 6:01 am #834927
    Ismael

    Hi,

    For desktop: menu should show all pages in a mega menu horizonally
    For mobile: menu items should show vertically

    In the mega menu item, create a column for each image.

    Best regards,
    Ismael

    August 7, 2017 at 11:29 am #835301
    Arne
    This reply has been marked as private.
    August 9, 2017 at 9:07 am #836234
    Ismael

    Hi,

    @Arne: Thank you for the update. I review the thread but I can’t find the login credentials to the site. Please create a new thread and provide the login details. We’ll continue there.

    Best regards,
    Ismael

    August 11, 2017 at 3:09 am #837262
    wizard247

    Thanks @giorgio_betagrafic – your solution fixed it for me. :)

    August 12, 2017 at 4:26 am #837708
    Ismael

    Hi,


    @wizard247    : Great! Glad it helped. If you have the time, please edit the js > avia.js file, remove everything then replace it with the following code.

    // https://pastebin.com/qmubdK8n

    Purge the cache or hard refresh before checking the page.

    Best regards,
    Ismael

    August 17, 2017 at 5:07 pm #840509
    solostrength

    Thank you all. The code suggestion works…but not on iphone7 (haven’t tested others) now. iphone 6 and others is ok. Anyone else having this problem? It appears to be related to the megamenu sub menus not showing their sub menu. If not megamenu then the pull down shows and works . Is there any tweak to this fix that will allow it to work on iphone7 also? Thanks in advance.

    August 22, 2017 at 5:49 am #842304
    Ismael

    Hi,


    @solostrength    : Could you please provide a screen cast of the iPhone 7 issue? Please remove browser cache or hard refresh after adding the script modification above.

    Best regards,
    Ismael

    August 24, 2017 at 9:50 pm #843712
    Alex Morrison

    Experiencing same issue. Tried the pastebin JS. Commenting to follow for solution.

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 38 total)
1 2
  • The topic ‘Sub-menu items (Mega Menu) not showing on Mobile version after update to 4.1.1’ is closed to new replies.