Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #19226

    I would like to move my login navigation menu item to the right side of the navigation menu so it is separated from the others. Can you show me the code to justify it right?

    Here is my home page so you can see how my navigation is set up now: http://www.studioforimageprofessionals.com



    You can’t easily move it to the right because of the submenu.

    This is what will happen when you move it. Please add this code on your custom.css

    #menu-item-203 {
    margin-left: 600px;

    Now hover on your login menu.

    Anyway, let me tag the rest of the support team.





    You can try to float the menu item to the right – i.e. add following code to css/custom.css:

    #top .main_menu .avia_mega li#menu-item-203{
    float: right;




    Neither of these do anything when I post in the custom CSS.


    Hi sheathman,

    It looks like the combination of both of them has the Login button and dropdown positioned on the right of the menu now. Perhaps it was a cache issue that prevented you from seeing the change before or maybe you changed the css a bit? Either way, it looks correct on my end now :)




    We are almost there!

    As of right now, I just have this code added:

    #top .main_menu .avia_mega li#menu-item-203{

    float: right;


    It is justified right but I don’t want it below the regular navigation as it is placed now. Also, it seems to hop around (and sometimes the FAQ disappears) when clicking on other pages.


    I’m not really sure what you mean. This is what I’m seeing when I view the site now:


    The issue I’m running into that I don’t see a possible solution for is that on a smaller screen the sub menus on that item expand beyond the visible page. You may want to remove the “E-Course” sub menu as it isn’t visible on resolutions below 1400px-ish wide.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Move one navigation tab to the right’ is closed to new replies.