Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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

    #102745

    Hi,

    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.

    Regards,

    Ismael

    #102746

    Hi!

    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;
    }

    Regards,

    Peter

    #102747

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

    #102748

    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 :)

    Regards,

    Devin

    #102749

    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.

    #102750

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

    1fcu40.png

    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.