Format of Menu Items

  • At the bottom of our homepage we have a menu, and all the options have a line underneath them. I just added a new menu item but can’t add the line underneath. The “Scholarships” menu item now looks different from the rest due to the lack of line.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Add the following CSS code, replacing <code class=””>.main-navigation li a with the actual CSS class of your menu items (you can inspect your site with your browser’s developer tools to find this):

    CSS

    .main-navigation li a {
  border-bottom: 1px solid #ccc; /* Adjust color, thickness as needed */
}

    After adding this code your menu should look like this page.

    • This reply was modified 8 months, 2 weeks ago by hum98.
    Thread Starter alingram10

    (@alingram10)

    How do I access the text box where I can edit this code? I don’t see it anywhere within the menu options? Thanks for the help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Format of Menu Items’ is closed to new replies.