[Support request] menu toggle is not vertically aligning properly

[Cynthia]

The element, .menu-toggle is for some reason not displaying vertically aligned as does on my other websites. It is positioned too far near the top of the view-port when viewing on mobile.

I’ve tried every css trick with padding etc. and I can’t get it to align. It’s too close to the top.

I am comparing my mock-up client site to that of the GP website (which is aligned perfectly)

I’ve provided my mock-up client site URL in the field below. Please view in mobile view to see what I mean.

Please let me know how to adjust the css to fix the issue.

Thank you

[Leo]

Hi there,

Looks like it’s causing by this code added in Simple CSS:

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
    height: 30px;
    line-height: 30px;
}

Don’t think you need it?

[Author]

Posts