Skip to main content ↑ ↓
Topic: Navbar Top Right is kind of centered - how to align to the 'real' right? (Read 1439 times) previous topic - next topic

Navbar Top Right is kind of centered - how to align to the 'real' right?

@willvin The Navbar Top Right is kind of centered - how can I align it to the 'real' right, next to the user menu?
Preferrably just with custom CSS :)

Thanks,
Erwin

Re: Navbar Top Right is kind of centered - how to align to the 'real' right?

Reply #2 –
@willvin Instead of this:

I want this:

Re: Navbar Top Right is kind of centered - how to align to the 'real' right?

Reply #4 –
Thank you @willvin :)

I noticed that when using document.ready and doing some rearranging on the screen, that the user sees the elements jumping from one place to the other. Because the page is first loaded and then redrawn. In this case of the menu allignment, the change is small so it's hardly noticeable. But with other elements it looks weird. Is there another way to do this?
For example, is it possible to use jquery remove or toggle classes (and others like append) and put the final display 'on hold' and only when the "new" screen is ready, then let the screen show?
 

Re: Navbar Top Right is kind of centered - how to align to the 'real' right?

Reply #5 –
@Erwin‍ this is the best way to automatically do it. If you try to work on the menu when the page has not loaded, you might get an error because it can't find the menu element. so you have to wait for the page to load before you trigger the remove class function. The other way to go about it is to manually remove the class from the menu file.