secondary menu right aligned

  • Hi,

    Here is my site: https://www.tripoclan.com

    You can see there is a secondary menu on top of the page. Can I make it right aligned like I did to the Social Icons?

    I’ve tried this, but didn’t work.

    /* secondary menu float */
ul#menu-secondary-menu-2.nav.tc-hover-menu {
float: right;
text-align: right;	
}

    Any help please?

    • This topic was modified 8 years, 5 months ago by raizaduran.
Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,
    I can see that the secondary menu is right aligned. Can you please explain in more detail?

    Thread Starter raizaduran

    (@raizaduran)

    Hi @menakas, what a timing, LOL. I just fixed it right aligned 10 mins back. But still need a little modification in it if you can please help in that.

    Right now, the right aligned secondary menu tab is coming just below the “open the menu” icon for the primary menu. I want to make it next to it, not below to it.

    So when we scroll down the page, secondary menu shows next to the primary menu “open the menu icon”, but in general its showing to the bottom.

    how to fix it?

    • This reply was modified 8 years, 5 months ago by raizaduran.

    Hi,
    The default behaviour is to display the secondary menu next to the hamburger(three line icon) menu. What custom css have you added to bring the menu down?

    Thread Starter raizaduran

    (@raizaduran)

    The only css I’ve used till now for alignment is to shift the social icons right, and I don’t think it should affect secondary menu item.

    /* Move SI to Right, adjust margins if needed   */
.navbar-inner .social-block {
float:          right;
margin-top:     10px;
margin-right:   0px;
text-align:     right;
}

    and to make the secondary menu right, all I had to do is:
    Customizing > Header > Navigation Menus > SECONDARY (HORIZONTAL) MENU DESIGN > Menu position (for the horizontal menu) = menu on the right

    • This reply was modified 8 years, 5 months ago by raizaduran.

    Hi,
    Try hooking into the tc_menu_display filter and move secondary menu before main menu.
    Then you can work with CSS to place them adjacent to each other.

    Thread Starter raizaduran

    (@raizaduran)

    I tried a few ways out @menakas but no luck. Can you please help me with the piece of code I should try to implement?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘secondary menu right aligned’ is closed to new replies.