Align navigation collapsed (mobile hamburger) to the right

[jonasdbj]

I have a hamburger menu for mobile (navigation collapsed) that I want to be aligned to the right.
Tried this CSS from another similar topic:

.x-btn-navbar, .x-btn-navbar.collapsed {float: right;}

But without success. Any suggestions?

[christian]

Hey @jonasdbj,

Alignment of elements in the Header Builder is powered by Flexbox so you need to know what the Flex Options does. You can learn from our tutorial here https://theme.co/docs/use-flex-layout

In case you don’t understand an option, please share the URL of the page where you’ve added the Navigation Collapsed element so we could advise what’s the best setup which won’t require custom CSS.

Thanks.

Thanks.

[jonasdbj]

Thanks - sorted it out now. Changed the Flexbox setting for horizontal alignment on the container.

[tristup]

Hi @jonasdbj,

Glad that it resolved now.

Thanks