Top Navigation Elements Pushing into Logo

Hi charger70!

Which version of Enfold are you using? If not 2.6.1, please firstly update the theme and check if issue remains – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Cheers!
Yigit

Hey!

You can add following code to Quick CSS in Enfold theme options under Styling tab to decrease padding between menu items between 768px and 989px

@media only screen and (max-width: 989px) and (min-width: 768px) { 
.responsive .main_menu ul:first-child > li > a {
padding: 0 5px;
}}

That would be the best option if you do not like to use mobile menu instead

Best regards,
Yigit

Hi!

Have you tried flushing browser cache and refreshing your page a few times? Code works fine on my local installation.
exactly and
3. Switching to mobile menu on 990px

Regards,
Yigit

Hi!

You cannot see the changes in that case as code i posted here “to decrease padding between menu items between 768px and 989px” code is active between 768px and 989px. I see no issue now that you have set to display mobile menu at 990px. You can choose to display 768px again and try the code if your client does not want to display mobile menu at 990px

Regards,
Yigit

Hi!

You are welcome, glad we could help! Let us know if you have any other questions or issues

Regards,
Yigit