Arc Over Main Buttons

mac

Hi How can I make a menu similar to the corner circle where the buttons arc over the main button.

Jasper

Hi mac !

Currently this is not yet possible with Buttonizer. But I like this menu style and think it would be a great addition to the current menu styles. I'll add this to our feature-request list!

The corner circle menu would be indeed the best temporary solution to use.

If you have any further questions or feedback, let me know! 🙂

mac

Any hacks you can suggest for the corner circle css?

Castor

Hi @mac ,

I do have one thing you could try as "hack", by rotating the corner circle 45 degrees and rotating the icons 45 degrees back.
Give your group the class twisted, set your menu style to corner circle and apply the following custom CSS:

.buttonizer-group.twisted {
    transform: rotate(45deg);
}

.buttonizer-group.twisted .buttonizer-button i, img {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.buttonizer-group.twisted .buttonizer-head:hover i, img {
    transform: translate(-50%, -50%) rotate(0deg) !important;
}

You might want to increase the horizontal positioning so it doesn't clip out of the web page as well.