move top bar menu

Viewing 5 replies - 1 through 5 (of 5 total)
  • mango404

    (@mango404)

    2 years, 7 months ago

    Just use float.

    For example if your login link is a element with the class “login-button”:

    .login-button {
 float: right;
}

    But keep in mind that the elements under that link are going to float into that area too. Just add a div with the following styles directly under the a element:

    HTML:
    <div class="clear"></div>

    CSS:

    .clear {
clear: both;
}

    If you want the whole nav to float right, just add de css to it the same way

    Mahafuz

    (@mahfuz01)

    2 years, 7 months ago

    Hey geront,
    I think I can help, could you please mention the site link? So I can write the css for you.

    Thread Starter geront

    (@geront)

    2 years, 7 months ago

    Thanks mango404, mahfuz.
    I tried to aply css by mango404.
    If a user is not logged in, the problem is solved.
    However, when a user loged in, the [Site Name] in the upper left is moved to the right. This causes the user’s profile to go down under the site name.
    And I don’t understand <div>.
    In fact, loged in users doesn’t need the [Site Name] of the top bar when the user logs in.
    So, is there any way to delete or hide the site name except admin user?

    my site is,
    [ redundant link removed ]

    • This reply was modified 2 years, 7 months ago by geront.
    • This reply was modified 2 years, 7 months ago by geront.
    • This reply was modified 2 years, 6 months ago by Jan Dembowski.
    mango404

    (@mango404)

    2 years, 7 months ago

    hi geront,
    it’s hard to give you answers without actually knowing what’s going on.

    Could you provide the exact CSS code you added to your project? Not the whole CSS file only the float thing.

    I can only check Sourcecode in the logged-out state. So if you could show me what the top bar HTML looks like if logged in that would be helpfull.

    • This reply was modified 2 years, 7 months ago by mango404.
    Thread Starter geront

    (@geront)

    2 years, 7 months ago

    Thank you so much mango404!
    I just added below..

    .quicklinks {
    float: right;
    }

    And, this image shows logged in status.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘move top bar menu’ is closed to new replies.