1-Visitor

Solved

Align menu horizontal right in flexcontainer

I have a menubar in my header flexcontainer and set all alignmentsettings to "right". But the result is shown on the left end.

Could you provide me some help?

This is in editor

And this is the result

Best answer by Christian_S

I found a solution while playing around with the browser webdebugger.

You can define a custom css like this:

.rightalign div div
{
 float:right;
}

And than add "rightalign" to your menu as custom class. In this case the float:right will be given down to the div around the list/menu items.

Hope this helps someone else too 🙂

Thanks for your support.

Support

Hi @Christian_S.

The closest I was able to get was to add another layout over the existing one and then set that to right-justify:

Give that a try to see if it will get you closer to what you were looking for.

Regards.

--Sharon

Author

1-Visitor

Badly that didn't help 😞

I added a new Layout on the right and set the alignment and added the menu with right aligned items.

The output I got was the same as before.

As you can see my menuitem stays on the left side of the menu which fills the whole layoutcontainer.

I made a test with two buttons instead and than the buttons were aligned right as expected. So I think this could be a problem with the menu widget.

AuthorAnswer

1-Visitor

I found a solution while playing around with the browser webdebugger.

You can define a custom css like this:

.rightalign div div
{
 float:right;
}

And than add "rightalign" to your menu as custom class. In this case the float:right will be given down to the div around the list/menu items.

Hope this helps someone else too 🙂

Thanks for your support.

Sign up