Asteria Menu Bar Alignment

  • Resolved mficorilli

    (@mficorilli)


    9 years, 2 months ago

    Hi everyone,
    I’m having trouble getting the menubar.div to align correctly with the logo.div. When the page initially loads the menu bar is set to the right of the logo to make the top bar slimmer, then it loads further and puts the menu bar underneath the logo. Can anyone help me out and could get the menu bar to right of the logo? Here’s a link to my website, if you need more information let me know!

    Thanks!

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

  • When you say “logo,” are you referring to the site title (New England Bar Association)? There doesn’t seem to be enough room to fit the logo and the menu side-by-side, unless you want the site title to wrap. You can try adding this CSS:

    .bigmenu {
   width: auto;
}

    But I think you’re still going to have a difficult time getting them side-by-side.

    Thread Starter mficorilli

    (@mficorilli)

    Thanks for the help! I changed the way it looks so just another question. For the life of me I can’t figure out what controls the size of the font in the menu bar. If I could make it a bit smaller so all the menus fit on one line that would be great.

    This rule controls the menu font size:

    #topmenu ul li a {
   font-size: 16px;
}

    16px is the current value.

    Since you have Jetpack installed, copy the rule into Jetpack’s custom CSS option. To activate, Jetpack’s custom CSS, go to Jetpack → Settings and activate Custom CSS. Then you’ll have a menu item under the Appearance menu called Edit CSS. Copy the rule at the end of the CSS Editor field and change the value to whatever you feel is suitable.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Asteria Menu Bar Alignment’ is closed to new replies.