- This topic has 9 replies, 2 voices, and was last updated 1 year, 6 months ago by David.
-
AuthorPosts
-
October 16, 2022 at 8:08 am #2375373steven
Hi , I have a problem to centralize the wordpress menu. I normally use two links in my menu and both are centralized. Today I decide to add a third link in the menu and this time I have two links on the left and a link on the other. I want to centralize the three links.
Example in picture
https://ibb.co/C7kNxBy ( exemple with two links).
https://ibb.co/RzN1pVL ( exemple with three links)October 16, 2022 at 9:23 am #2375448DavidStaffCustomer SupportHi there,
in your Customizer > Additional CSS you have this:
@media(min-width: 769px) { .inside-header>.site-branding, .inside-header>.navigation-branding, .inside-header>.site-logo, .site-branding-container, #site-navigation .navigation-branding .site-logo, #sticky-navigation .navigation-branding { position: absolute; left: 50%; transform: translateX(-50%); z-index: 1000; } #site-navigation { margin-left: unset !important; display: flex; } .site-header .main-navigation:not(#sticky-navigation) .inside-navigation { margin: unset; } #site-navigation, #primary-menu, .main-navigation .inside-navigation { flex: 1; } /* Change nth-child(#) to first item to right */ .main-navigation ul li:nth-child(3) { margin-left: auto; } }
That CSS is changing the position of the site logo and is making that menu layout.
You would need to remove it or change the CSS to suit.October 16, 2022 at 11:33 am #2375527stevenHi David, thanks you.
it is not possible to change in the settings ?
Thanks
October 17, 2022 at 2:33 am #2375990DavidStaffCustomer SupportSo:
1. Remove the CSS i listed here
2. Go to Customizer > Layout > Header and:
2.1 Set the Alignment to center
2.2 Reduce your top and bottom padding.3. Go to Customizer > Layout > Primary Navigation and set its alignment to center.
October 17, 2022 at 4:03 am #2376075stevenDavid, thank you for your message.
I tried a first time to add the css that you gave me but it does not work. That’s why I asked you if there is another method. But even with the second method I can’t do it.October 17, 2022 at 4:14 am #2376087DavidStaffCustomer SupportOctober 17, 2022 at 4:20 am #2376094stevenHi David, I don’t have saved css.
when I added it, the first time, nothing happenedOctober 17, 2022 at 4:24 am #2376099DavidStaffCustomer SupportOctober 17, 2022 at 4:43 am #2376122stevenThanks you David, It’s working,:)
October 17, 2022 at 4:54 am #2376135DavidStaffCustomer SupportGlad to hear that 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.