Change columns order on mobile menu

  • Resolved fawzi007

    (@fawzi007)


    9 years, 2 months ago

    Hello, I want to change the order of the columns on mobile menu. On desktop view it is perfect but since on mobile view the columns are sorted from left to right it makes a problem for me.

    Here is the link to my website : http://macree.co/

    As you can see, under products on the right side of the menu there are 2 images under “New Products” that are perfect on desktop view. but on mobile view, as you can see the “New products” and the 2 images are separated. What is your solution please ?

    Thank you

    • This topic was modified 9 years, 2 months ago by fawzi007.
    • This topic was modified 9 years, 2 months ago by fawzi007.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    9 years, 2 months ago

    Hi fawzi,

    It’s not possible to re-arrange them using CSS for the mobile menu (the layout is the same order as they’re actually laid out in the menu HTML, and we cannot change that).

    You can create one sub menu for desktop (which you have already done) and a different one for mobile. This page goes over how to do that (rather than using a Flyout Menu for mobile, you’ll want to create another mega menu):

    https://www.megamenu.com/documentation/switch-mega-menu-to-flyout-menu-on-mobile/

    Regards,
    Tom

    Thread Starter fawzi007

    (@fawzi007)

    9 years, 2 months ago

    Ok thank you dear for your solution. I’ll try that for sure.

    Another question: How can I make the titles of the custom menus clickable as the menu items itself ? (The titles that are in red on my website)

    Thank you

    • This reply was modified 9 years, 2 months ago by fawzi007.
    Plugin Author megamenu

    (@megamenu)

    9 years, 2 months ago

    Hi Fawzi,

    You can either remove the custom menu widgets, and add all of those links directly to the menu structure, so the structure looks like this:

    Products
    — Accessories
    —- DMX…

    (the mega menus will display second and third level menu items automatically)

    Or if you want to keep the current widgets you can try this:

    http://spicemailer.com/wordpress/how-to-link-widget-titles-in-wordpress-without-using-a-plugin/

    Regards,
    Tom

    Thread Starter fawzi007

    (@fawzi007)

    9 years, 2 months ago

    Thank you dear for your quick support. I’ll try your solutions asap.

    Regards

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change columns order on mobile menu’ is closed to new replies.