Unable to center navigation on page

  • I am having great difficulty centering the menu navigation (via css) on a site: https://lp.cgwebsolutions.co.uk and despite researching this online I am yet to find a solution.

    Via the screen.css I have tried the following:

    #topmenu {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    }

    As you will see this has not worked. Can anyone please advise how the menu navigation can be centered on the page?

    Thanks!

Viewing 1 replies (of 1 total)

  • I’d suggest avoiding modifying theme files – as those will be lost when the theme is updated. Rather, use a custom CSS option or plugin – and try adding this CSS there:

    #topmenu .dropdown {
    display: table;
    float: none;
    margin: 0 auto;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Unable to center navigation on page’ is closed to new replies.