Left-align main menu?

  • Resolved Carl Gross

    (@carlgross)


    6 years, 4 months ago

    Hello. On my page, the main menu is displayed, and it is centered on the page horizontally (screenshot). Is it possible, by adjusting theme options, to ensure the menu is left-aligned, as in this screenshot? Or would I need to do that with custom CSS?

    Thanks.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Nitu – ThemeGrill Support

    (@nitushrestha10)

    6 years, 4 months ago

    @carlgross

    Can you add the below CSS code to Additional CSS bo and check?

    .main-navigation {
    float: left;
}

    Thanks.

    Thread Starter Carl Gross

    (@carlgross)

    6 years, 4 months ago

    Hi Nitu,

    Thanks for that. Before we proceed, just to be clear, custom CSS is the best way I’ll be able to achieve what I want–correct?

    If so, here is what I tried.

    First of all, in my child theme, I already have custom CSS that is used to *center* the main menu on the page. So as a start, I commented out all that code. This resulted in the main menu *right* aligned, which is not exactly what I want. So I gave your code a shot. It did not change anything on my page (screenshot).

    Then, I tried adding float: left to its parent element: #header-right-section This resulted in the menu right aligned (except for a little margin, which I can remove myself; screenshot). Would you agree this is the proper way to achieve what I want? Or might this cause other issues I’m not considering?

    • This reply was modified 6 years, 4 months ago by Carl Gross.
    Nitu – ThemeGrill Support

    (@nitushrestha10)

    6 years, 4 months ago

    @carlgross

    You can use the CSS that you have added for your site.

    Thanks.

    Thread Starter Carl Gross

    (@carlgross)

    6 years, 4 months ago

    OK thanks for the help. I’ll go with that. We can consider this resolved.

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

The topic ‘Left-align main menu?’ is closed to new replies.