Center Menu HTML Block based on container

Hi,

I have HTML Blocks for each menu item, how can I have them all fit in the container width and then be responsive when below the width of the container?

I currently have it full width, however I would like it like this (screenshot red square).

When I tried the set-sizes method in the menu, it starts from where the item is located on the menu, I would just prefer them all to start where the container does.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Unfortunately, you couldn’t make the HTML Block to start from the whole container if assigned width from Appearance >> Menus >> HTML Blocks as drop down. Its default behavior is to set the display from the menu item which it is assigned to when it is set a width.

If you increase its width then the text will start from the starting of the html block. You cannot make it to start from the container. It requires customization and this is beyond our limitations and support policy.

Best Regards.

[Author]

Posts