Hello.
I painstakingly designed my first page and now trying to tune it up a bit.
Only thing that remains is that I would like hamburger menu items (when expanded on the smaller devices) appear on the right, below the button.
(or move the hamburger menu on the left before the logo)
Default behavior seems odd to me that button is on the right and items are on the left.
I don’t know much about CSS and I used default template in bootstrap studio.
Any useful tips will be appreciated.
Thank you
You can try selecting the Navbar Collapse and using the Alignment option in the Text group in the sidebar to move them to the right.
You can align the in the Navbar links to the left, right or center like any other text. In the Overview panel, expand the the Navbar Collapse > Nav > Nav Item > Link, select the link, go to the Options Panel > Text Options > Alignment and change the alignment. You could also do it by writing a custom CSS that targets the Navbar links.
You can put the Hamburger menu (Navbar Toggle) on the left side simply by dragging the Navbar Brand below the Navbar Toggle in the Overview Panel. However, many people think it looks weird
to have the Brand on the right. And if you do this, you’ll probably also want to drag the Navbar Brand below the Navbar Collapse, so the regular full size menu also appears on the left (and then probably set the Nav alignment to left or center to keep the layout consistent.
Thank you. This worked well for me.
