Menu elements misaligned in Tablet view

Activello
#1

Hello,

I am having issues with the main menu when viewing in Tablet view only. Mobile and desktop seems fine. As you can see from the attached image, the menu elements are misaligned horizontally - any advice on how to fix?

Website link: http://justacoupleofdumbos.epizy.com/

Thanks,
Chris

#2

hey there

Hope you are having a good day and thank you for your question :slight_smile:

Please add this CSS in appearance - customize - additional CSS

.navbar-default .site-navigation-inner .navbar-nav> li> a {
padding: 20px 0;
}

Thanks!
Colorlib Support Team

#3

Hi Noda,

Thank you for your reply :slight_smile: Sadly it didn’t appear to change anything when I checked on my Tablet though. Any other ideas?

Thanks,
Chris

#4

Howdy Chris :slight_smile:

code is not correctly added, but… wait a minute, I see the cause of this problem is this CSS:

.navbar-default .site-navigation-inner .navbar-nav> li> a {
padding: 11px 0;
}

added by you in customizer > additional CSS, you have to remove it :slight_smile:

#5

Ah, brilliant! Thanks Noda :slight_smile:

#6

You are most welcome here :slight_smile: