Top Navigation links not centered like some in menu

Support
#1

I have 2 navigation links in my menu that are to the left when all the other ones are centered. The only change I made was I added sub-items to these. What option should I change here?

#2

Hey There,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

#3

ok thanks for your assistance in this …

#4

Hi,

To center it, you can add this in Header > CSS

.hm24.x-menu > li > .x-anchor .x-anchor-text {
    width: 100%;
    margin: 0 auto;
}

Hope that helps

#5

what if I would like them to be aligned to the left instead?

#6

I don’t think this is helping with the top links, How can I choose to align those either centered or to the left as well as the sub-links

#7

Hello There,

Please edit your header and make sure that the margin of the container is not negative or way beyond the bar area. Please see this screenshot to see what I mean: http://prntscr.com/gqbuwk

Please let us know how it goes.

#8

screenshot

So the top links are still not correct, even-though I was able to force them by slamming the sub indicator margin - right to -60, however you can still tell that the top 2 top links are not matched to the remaining top links under them and i’m sure slamming the negative margin is a horrible idea. This has been my original issue all along.

I did find your information above useful and it helped me to get some of the issue resolved in what you said to do. I’m just stuck on this last bit of it.

#9

Hello There,

Your top menu set up is incorrect and which is why on quite smaller screens, the toggle menus is overlapping with each other just like this: http://prntscr.com/gqnmcy

To resolve this, you have to do two things:
1.) Please set the container as columns in the Flex Layout section.

2.) In each of the toggle menu element, you will have to remove the width of 370px and replace it with auto.

Hope this helps.

#10

I’m still trying to make the top links absolute left like the submenus are. Any assistance is appreciated here.

Thanks
Joe

#11

Hi Joe,

See this guide: https://screencast-o-matic.com/watch/cbQv6nIxMc

On Content Flex Layout > Horizontal: Choose Start.

Hope this helps.

#12

that helped a lot thanks

#13

Glad we could help.

Cheers!