Mega Menu - by Randley - on WordPress WooCommerce support

This topic has 147 replies, 31 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

  • Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 27, 2017 at 13:36

    Hello, @Dwilo,

    Does problem appear with the menu that has a lot of menu items? Try to create new test menu and check. If problem appears only if menu has a lot of items then you need to increase max input vars limit to 10,000 or maybe even 12,000, it depends on the number of items you plan to add into the menu.

    Regards

    Avatar: Dwilo
    Dwilo
    Participant
    February 27, 2017 at 15:19

    Hi Olga,
    I created a new menu and it works one just one level.
    I also increase the max input vars to 40000 and still it won’t save. is there anything else i can try?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 27, 2017 at 15:52

    Hello,

    Make sure that you made the necessary changes in php.ini and don’t forget to restart your server http://stackoverflow.com/questions/10303714/php-max-input-vars

    Also, provide me temporary admin panel and FTP access, please. We’ll check what other reason could be the problem.

    Regards

    Avatar: Dwilo
    Dwilo
    Participant
    February 28, 2017 at 07:03

    Morning,
    I have restarted my server and still cannot save the menu and a mega menu.
    I have included login details and temp FTP.

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 3, 2017 at 16:53

    Hello, @Dwilo

    I sorry, but you gave me limited permissions to your site http://prntscr.com/efkr5y and I can’t check the Dashboard. Also, FTP access does not work http://prntscr.com/efkw1x
    Please, change permissions, check FTP credentials and reply back.

    Regards

    Avatar: Dwilo
    Dwilo
    Participant
    March 3, 2017 at 20:26

    Hi,
    Sorry about that, i have given you admin access to site now and new ftp details below

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 7, 2017 at 11:41

    Hello, @Dwilo

    I have checked your site and don’t see any other issues that could cause this problem. If I create smaller menu then everything works fine, so, the only reason that may affect it is max input vars limit. Does your server run Suhosin? Have you changed Suhosin directives if your server runs it?

    Here you can find detailed explanation about this issue http://sevenspark.com/wordpress/menu-item-limit

    Regards

    Avatar: buraktastekin
    buraktastekin
    Participant
    March 21, 2017 at 11:42

    How when it comes to the menu, the picture on the far right of the menu changes. An example is the Home tab at “https://www.8theme.com/demo/xstore/” ?
    http://prntscr.com/emlwga
    http://prntscr.com/emlwqa

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 22, 2017 at 18:08

    Hello, @buraktastekin

    This feature was made special for our demo site to show the clients all the pages we have. If you like this example we could make if for you by additional customization. We need admin panel and FTP access to your site. Also, you should create the mega menu and prepare images for the every menu item.

    Regards

    Avatar: buraktastekin
    buraktastekin
    Participant
    March 24, 2017 at 10:30

    Hi @olga-barlow
    Thanks for that. How can we send ftp informations to you? 🙂

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 24, 2017 at 13:43

    Hello,

    Use the Private Content area to add all the necessary credentials.

    Regards

    Avatar: buraktastekin
    buraktastekin
    Participant
    March 27, 2017 at 10:59

    Hi @olga-barlow
    Thanks for this. I’m waiting for your return

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 29, 2017 at 16:42

    Hello,

    Done. Upload categories images into wp-content/plugins/et-menu-image/assets/images folder.
    Image should have title like this http://prnt.sc/epxo8e where _4560 is item ID http://prnt.sc/epxoyo

    Regards

    Avatar: flatliner
    flatliner
    Participant
    May 4, 2017 at 17:24

    Hi.

    I am also having issues with my mega menu in the electronics template.
    if i try to get the menu like it is in your demo (4 columns) i only get one column. I followed the steps in your documentation but still no luck.

    Any idea what i did wrong?

    https://ibb.co/fvZHD5
    https://ibb.co/e1nF0k
    https://ibb.co/dueTLk

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 5, 2017 at 15:17

    Hello, @flatliner,

    The secondary menu uses vertical alignment and if the column has the space below it will show the next item there. Use height option http://prntscr.com/f4flit to set the smaller height for your mega menu and move the next item in next column.

    Regards

    Avatar: Dwilo
    Dwilo
    Participant
    May 9, 2017 at 16:26

    Hi

    I have created a menu structure. I have a top level categories and subcategories.

    On “Vehicle Gear” I’m trying to change it to a Mega Menu, but when I click “Save Changes” it reverts back to a normal drop-down menu.

    Then when I try and make a “custom blank link” into a image and select the “Disable navigation label” it doesn’t want to save either.

    I also increase the max input vars to 40000 and still it won’t save. I have also changed Suhosin directives.

    Can you please assist with this error?

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 11, 2017 at 11:22

    Hello, @Dwilo

    Credentials are incorrect. I can’t to login.
    Go to WooCommerce > System Status and make sure that you increased the limit. If you can’t save the big menu only but options work ok for the small menus it can be “max input vars” limit only.

    Regards

    Avatar: scorleo
    scorleo
    Participant
    May 22, 2017 at 04:05

    Hi Olga,

    Spent quite some time trying to figure setting my mega menu and I’m pretty close but not quite there. In absence of any document, I did went through every article you responded to others, looks like you know your stuff :).

    Here’s my mega menu –>

    https://1drv.ms/w/s!Ak6TkIOHHrc2gro6QbJdIfLzAWRlVw

    I’m looking for couple of small tweaks:
    1) Possibility of reducing space in-between the rows, I still need to add 9 more items to this set and two more columns will follow later. In all, I plan to have 5 columns across.
    2) Either reduce the font size or increase column size so the menu item is not wrapping on next line, prefer font reduction between the two.

    Thank you!

    Avatar: maxmullins
    Max Mullins
    Participant
    May 22, 2017 at 13:37

    Hello,

    You may adjust rows using custom.css. Add following code into the theme options ->styling->custom.css:

    @media only screen and (min-width: 992px){
     .item-design-mega-menu .nav-sublist-dropdown .nav-sublist a {padding: 0.48em 1.5em;

    .}}

    Regards,
    Max Mullins

    Avatar: scorleo
    scorleo
    Participant
    May 22, 2017 at 15:52

    Hi,

    Need help with our site’s mega menu under Information Center.

    1) Reduce space in-between two rows, we have 15 more items to add and many more in future, the menu will likely need scrolling when more items are added to existing 3 columns. Three more columns are reserved for other categories we plan to add in near future.
    2) Also, some of the menus are wrapping on another line. How can I control the text for long labels to fit in one line. Font reduction or column width increase, personal preference is font reduction so the overall menu looks condensed and as spread out as it looks currently.

    I know the system doesn’t support it currently but I was really hoping the mega menu feature to apply at the second level and not first because I have one category currently (Essential Oil) that’ll have many items listed underneath. Due to the design limitation I had to create un-needed 2nd level grouping like you see on our site and I was hoping to avoid that.

    This is the structure I was ideally looking for:

    Information Center (Lvl 1)

    • Essential Oils ils (lvl 2)
    • List of Essential oils (80+) (lvl 3)
    • Carrier Oils (lvl 2)
    • List of Carrier oils (10+) (lvl 3)
    • Useful Articles
    • List of useful articles (10+) (lvl 3)

    If you have any idea how to implement what I had in mind will be greatly appreciated. Definitely don’t like the workaround I had to implement.

    Thank you!

    Please, contact administrator
    for this information.
    Avatar: maxmullins
    Max Mullins
    Participant
    May 22, 2017 at 16:21

    @scorleo,

    We may add custom.css code for long labels they can be controled with css property padding and font-size. Yes there is such option in our theme: http://prntscr.com/fasbkd.

    Regards,
    Max Mullins

    Avatar: scorleo
    scorleo
    Participant
    May 22, 2017 at 16:30

    Hello Max,

    What are the steps to tweak them?

    Thanks!

    Avatar: maxmullins
    Max Mullins
    Participant
    May 23, 2017 at 09:29

    Hello, @scorleo.

    The menu type you described before looks like usual dropdown menu type wth multilevel structure and set it in store front. In case you would like to get same look – change the menu type for the top menu items to “dropdown” in appearance-> menu. Then we will make custom change in css to minify or change font size.

    Regards,
    Max Mullins

    Avatar: scorleo
    scorleo
    Participant
    May 23, 2017 at 15:48

    Max,

    I had to switch back to Sorefront now because last night I noticed Add to Cart option was not visible. I switched it back to XStore theme now after following Amy’s suggestion.

    I see following recommendation to adjust row height

    @media only screen and (min-width: 992px){
    .item-design-mega-menu .nav-sublist-dropdown .nav-sublist a {padding: 0.48em 1.5em;

    What about adjusting the menu font so the entire label appears on one line?

    Thanks!

    Avatar: scorleo
    scorleo
    Participant
    May 24, 2017 at 04:56

    I found the option to size the font and adjust row height under settings. All set for now on mega menu. Thank you!

    Avatar: maxmullins
    Max Mullins
    Participant
    May 24, 2017 at 13:31

    You are welcome. We are glad that you have found the solution!

    Regards,
    Max Mullins

    Avatar: scorleo
    scorleo
    Participant
    May 24, 2017 at 14:07

    However, my wishlist to add Megamenu at second level still remains. Will that be possible in future versions? Ideally I’d prefer 100+ items appearing under first level to appear under 2nd level.

    Thanks!

    Avatar: scorleo
    scorleo
    Participant
    May 24, 2017 at 15:27

    Hi Max,

    Apologies for the inconvenience. Site is back up.

    Thank you!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 24, 2017 at 17:20

    Hello,

    We’ll try to add scroll for the too long menu in our next theme update.

    Regards

    Avatar: divineliving
    divineliving
    Participant
    July 19, 2017 at 04:33

    Hi… I’d like to have a DYNAMIC Megamenu for the categories/subcategories. We have over 100 categories/subcategories that are being uploaded every week.. Manually changing the ‘menu’ structure, would me a nightmare. How do I go about making this happen?

    Thanks!

  • 1 2 3 4 5
    Viewing 60 results - 31 through 60 (of 147 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.