menu formatting issue

Hello,
I need help with the menu items.
I would like them to be spread across the whole width of the homepage.
Is it possible to fix it so that however many items there are, the distance is divided evenly among them, so they will automatically stretch out to fill the whole space?
Thank you very much for your help!

  • Nithin

    Hi Annie,

    Hope you are doing good today. :slight_smile:

    Is it possible to fix it so that however many items there are, the distance is divided evenly among them, so they will automatically stretch out to fill the whole space?

    It's possible with custom CSS, but I'm afraid, the way the current menu is added via Uber menu plugin, I don't see an easy way to automatically divide the distance when new items are added. The CSS will vary each time a new menu item is added.

    You can add this CSS to make it full width:

    .ubermenu-responsive-default.ubermenu {
    	width: 2048px;
        margin-left: -30%;
    }
    
    .ubermenu .ubermenu-item.ubermenu-item-level-0 {
    	margin-right: 10%;
    }

    You can add the CSS in the default WordPress Customizer, under Appearance > Customize > Additional CSS.

    If you are still looking for a workaround to make the menu automatically dived spaces when new menu items are added, would recommended you to check with Ubermenu plugin support , and see whether they would be able to help guide you better:
    https://sevenspark.com/help

    Regards,
    Nithin

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.