Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
nyi2lin opened this issue Mar 1, 2024 · 2 comments
Open

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

nyi2lin opened this issue Mar 1, 2024 · 2 comments
Labels
Type: Question Further information is requested

Comments

@nyi2lin
Copy link

nyi2lin commented Mar 1, 2024

Hello

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

menuright

Best regards
Nyi Nyi Lin

@nyi2lin nyi2lin added the Type: Question Further information is requested label Mar 1, 2024
@Utter
Copy link

Utter commented Mar 7, 2024

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
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants