Skip to main content

Tagged With "Navigation"

Tagged With "Navigation"

  • Tips
    ❤️
    By default, the main navigation menu is displayed ABOVE your site header. It is also full width by default, like so: Below, we will offer some tips for changing the appearance and positioning of your main nav menu. Left Align The Menu To position your menu text so it is aligned left instead, add this CSS: nav#top_nav_bar ul.right { float:left !important; } nav#top_nav_bar ul.right > li > ul.dropdown { left: 0; right: auto; } Your menu will then look like this: Center Align The Menu To...
  • Tips
    If you'd like to increase or decrease the size of the font used in the top navigation bar, insert this Custom CSS in your theme (this example increases the font size relative to the default size you've set): .top-bar-section ul li > a {font-size: 1.25rem;}
  • Tips
    For the top navigation menu, if you want to have each menu item change color when you hover it, add this custom CSS: /* the following sets the background color for the menu item on hover */ .top-bar-section li:hover:not(.has-form) a:hover:not(.button) { background-color:#444444; } .top-bar-section li.active:hover:not(.has-form) a:hover:not(.button) { background-color:#444444; color:#fffff0; } /* the following sets the text color and icon color for the menu items on hover */...
  • Topic Reply
    Thank you for the quick response. I believe you are correct, as this issue began when I added a new 'module' to the navigation. I also discovered that when I scroll-down, the navigation expands to full-page thus revealing the menu items I couldn't see. I'll try the css bit. I'm sure that will work. Thank you!!
  • Topic Reply
    I'm wondering if it's possible to add a new tab to the menu (ie. we have groups, forums, etc.). We'd like to add a help tab where we can post a few resources for people. How would I go about doing this? Thanks! Heather
×
×
×