how to left align the menu bar

  • On my site, the top menu does not align properly. It should be aligned left, with the menu items in one row. How do I do that?

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

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

  • Hi there!

    The way the menu displays on your site is the default for Karuna. If you don’t want the menu to be split into two rows, try adding this piece of code:

    .main-navigation {
    clear: none;
    display: block;
    float: left;
    text-align: left;
    margin-left: 1.6em;
    padding: 1.6em 0;
    position: fixed;
    width: auto;
}
    Thread Starter catfishtpa

    (@catfishtpa)

    which file do I add that to? Sorry but zero coding skills here …

    Thread Starter catfishtpa

    (@catfishtpa)

    Never mind, already found the function in the theme where custom css can be inserted …

    Glad you got it. And for anyone wondering, it’s just under Customize > Additional CSS. Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to left align the menu bar’ is closed to new replies.