• Resolved anthonyod

    (@anthonyod)


    I am seeking to achieve lozenge shaped menu items for a main menu using mega menu. The settings are correct but the bottom radius are not showing on the bottom corners of secondary and flyout menus as well as on the rollover on the main items even though the radius have been set at 20px

    Has anyone else experienced this and found a workround/solution?

    • This topic was modified 1 year, 6 months ago by anthonyod.
Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Anthony,

    Please can you post a link to your site so I can take a look?

    Thread Starter anthonyod

    (@anthonyod)

    Hello megamenu, Thanks for getting back to me. I am working on the site offline at the moment. Its at an early stage. I can load more screenshots if that helps?

    I noticed that the full lozenge shape is there when there is only one submenu item below a main menu item. If there is more than one submenu item below a main menu item then the full lozenge shape is not apparent.

    I also noted that the main menu item loses its bottom radii when the submenu item below it is triggered to open. This is apparent in the first screenshot attached.

    If there is anything else I can upload to assist in diagnosis then that would be no problem.

    Plugin Author megamenu

    (@megamenu)

    Hi Anthony,

    Please let me know once the site is online and I’ll take a look ??

    Regards,
    Tom

    Thread Starter anthonyod

    (@anthonyod)

    Hello again Tom, Sorry for the delay with this. This is the test site here. https://adevlinvisual.com/TASK

    Please let me know if there is a way to complete the lozenge shapes in the flyout menus. Many thanks.

    Thread Starter anthonyod

    (@anthonyod)

    Just in case you had tried to have a look at the site then the test one on the above link was down for a bit. Its functioning now. Please let me know if you have any insights into creating the complete lozenge shape.

    I am unsure why this topic has been marked as resolved as it is not. I shall try to find a way to mark it as an open topic.

    • This reply was modified 11 months ago by anthonyod.
    Plugin Author megamenu

    (@megamenu)

    Hi Anthony,

    Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    #{$wrap} #{$menu} li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
      border-radius: 25px;
    }
    

    Regards,
    Tom

    Thread Starter anthonyod

    (@anthonyod)

    Hello Tom, Thanks for this and for your time.

    I have applied it as suggested and cleared the CSS cache but don’t see any change.
    https://adevlinvisual.com/TASK/Screen%20Shot%202024-04-23%20at%2015.49.22.png

    Please let me know if I have missed anything. Best wishes

    Plugin Author megamenu

    (@megamenu)

    Please check again, it is working for me: https://app.screencast.com/4GvdtcEN34G2d

    Thread Starter anthonyod

    (@anthonyod)

    Hello again. Ok I see that maybe I was not clear enough in what I was hoping to acheive. I attach a screen shot of what I’d like to achieve. Is this possible within the megamenu setup? Thanks again for your time on this. Much appreciated.

    https://adevlinvisual.com/Downloads/Screen%20Shot%202024-04-24%20at%2014.03.11.png

    • This reply was modified 11 months ago by anthonyod.
    Plugin Author megamenu

    (@megamenu)

    Hi anthonyod,

    Ah, that would be something you’d need to custom code, or get a freelancer to help you with (its a level of customisation I don’t cover as support, sorry).

    Regards,
    Tom

    Thread Starter anthonyod

    (@anthonyod)

    Thanks for the clarity. Is this achievable within the pro version of megamenu?If not then can you give me an idea of who might be the best person to enquire regards such customisation as its a bit above the level of scripting that I can do.

    Plugin Author megamenu

    (@megamenu)

    Hi Anthony,

    I don’t think it’d be possible with the Pro version either, it’s not a style of sub menu I’ve seen before. I don’t have anyone to recommend sorry, you could try codeable or fiverr maybe.

    Regards,
    Tom

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Radius on bottom corners of Secondary & Flyout menu items’ is closed to new replies.