How to centre the navigation and footer menus

  • Resolved Stuart99

    (@stuart99)


    7 years, 11 months ago

    Hello,

    My navigation and footer menus are a little off-centred. It’s very noticeable in relation to the site logo and tagline above, which are properly centred, and the ‘powered by WordPress’ and ‘theme by Themehaus’ text below, which is also properly centred.

    No doubt, this can easily be fixed by adding a little code to the Additional CSS section in the customizer. However, I’ve tried finding the code I might need to alter but I’ve not been able to identify it.

    So my question is: what code should I add in the customizer to centre the navigation menu and the footer menu and bring them in line with the other header and footer elements?

    With thanks,

    Stuart.

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

  • You need to give us the site details or a screenshot so we can take a look for ourselves.

    Thread Starter Stuart99

    (@stuart99)

    Okay, well, if you’re able to advise, I’d appreciate it.

    The URL is cupidsschool.com

    Cheers,

    Stuart.

    Theme Author Takao Utsumi

    (@utsumit)

    Hello,

    Please add this code to Custom CSS.

    @media screen and (min-width: 783px) {
	.main-navigation div.menu > ul,
	.main-navigation ul.menu {
		padding-left: 45px;
	}
}
.footer-navigation li:last-child {
    padding-right: 0;
}
    Thread Starter Stuart99

    (@stuart99)

    Thank you very much, Takao. That’s fixed it. It’s looking just right now ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to centre the navigation and footer menus’ is closed to new replies.