Menu Element Styling - Pro vs X

[kcreative]

Hi guys,

Would love to get your opinion on a design dilemma I am having right now. Do you think X would be sufficient to complete this design http://sites.indiit.com/TheChamber/HTML/index.html

There is one “funky” element in the menu https://prnt.sc/rkw8b4, but this might be about it…

Thank you!

[ruenel]

Hello @kcreative,

Thank for writing in!

I have checked the example URL and it is using a custom css. You can make it in X or Pro by modifying the last menu item in your site installation. Perhaps you can make use of this custom css:

#menu-item-123:after {
    position: absolute;
    content: "";
    top: -50px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-right: 69px solid #fff;
    border-left: 69px solid #fff;
    border-top: 80px solid #fff;
    border-bottom: 20px solid transparent;
    z-index: -1;
}

where #menu-item-123 is taken from the ID of your menu item. To find the menu item ID, please right click on the page on your site and select “inspect element” and scroll down until you find code like this.

You can also go to Appearance > Menus and hover your mouse pointer over the Remove or Cancel link for each menu item.

Please note that custom coding is outside the scope of our support. The code above is taken from your example URL and is recommended to get you started with. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope this helps. Please let us know how it goes.