Dropdown menu not working properly after centering menu

Travelify
1

So i did use the provided code in one of the forum here for travelify

#main-nav ul li:first-child {
margin-left: 200px;
}

But after using this code with sub-menus. It dont work properly at all.
So my problem is that i have ( Destinations ) Under this i have Amerika, Southamerika, India, etc etc

But the first link of the dropdown menu is changing as the menu is changing. 200px as in the code. ( In my case you will see that the link Asien ) Is changed within the menu centering change, while all other stays normal.

I am providing a photo of this error, so that you can see what i mean.

Thanks for all, and thanks for the great theme and support!

Best regards,
Carl

2

Hi Carl,

I hope you are well today and thanks for posting here.

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

Kind Regards,
Movin

3

Thank you for the reply Movin!

Ofcourse, the website is http://www.flythesun.com

And if you check the dropdown menu ( Destinationer ) you will see that the first link, is changing as the code:

#main-nav ul li:first-child {
margin-left: 200px;
}

Thank you for the help!
Best regards,
Carl :slight_smile:

4

Hi Carl,

You can resolve this issue by changing your shared code just as following.

#main-nav ul.root {
    margin-left: 200px;
}

Best Regards,
Movin

5

Thank you very much Movin! This small change of the code did fix it all for the whole website.
Appriciate all your help and the fast reply.

I hope that this will help other people if the same problem occurs to them. :slight_smile:

Best regards a
Happy user of Travelify! :slight_smile:

6

You are always welcome here :slight_smile: