Skip to main content
Christian_S1-Visitor
1-Visitor
June 25, 2019
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 editormenusetting.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

And this is the result

 

menuoutput.png

 

Christian_SAnswer
1-Visitor
June 26, 2019

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.

menuoutput3.png

 

Hope this helps someone else too 🙂

 

Thanks for your support.

View in thread

3 replies

slangleyCommunity Manager
Support
June 25, 2019

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:

 

menulayout.PNG

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

 

Regards.

 

--Sharon

 

Translate
Christian_S1-VisitorAuthor
1-Visitor
June 26, 2019

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.

menuoutput2.png

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.

 

Translate
Christian_S1-VisitorAuthorAnswer
1-Visitor
June 26, 2019

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.

menuoutput3.png

 

Hope this helps someone else too 🙂

 

Thanks for your support.

Translate
    Terms & ConditionsAccessibility statement