search

coderedcorp / coderedcms

Wagtail + CodeRed Extensions enabling rapid development of marketing-focused websites.
https://www.coderedcorp.com/cms
Other
685 stars 133 forks source link

How to move Navbar Menu to right side of screen? #626

Open nyi2lin opened 7 months ago

nyi2lin commented 7 months ago

Hello

Can anyone help me with moving Navbar Menu to right side of screen?

menuright

Best regards Nyi Nyi Lin

Utter commented 6 months ago

You could duplicate the snippets/navbar.html template to mysite/templates/coderedcms/snippets and then apply a BS5 class

on the div above {% if settings.coderedcms.LayoutSettings.site_navbar %} make sure to use a device-specific class name like 'lg' unless you want it to be right-aligned in mobile too.
vsalvino commented 4 months ago

First, you might want to look at some of the Bootstrap code examples: https://getbootstrap.com/docs/5.3/components/navbar/

Most likely you will need to override the navbar.html template to customize it. In your project, create a file templates/coderedcms/snippets/navbar.html. Then copy our default navbar and edit it to your liking.

https://github.com/coderedcorp/coderedcms/blob/main/coderedcms/templates/coderedcms/snippets/navbar.html