Archived topic

menu toggle is not vertically aligning properly

1 reply · Started by Cynthia on May 30, 2018

Viewing posts 1–2 of 2

May 30, 2018 at 12:44 pm #588186

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

May 30, 2018 at 1:25 pm #588215

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?

This archived topic is closed to new replies.

Start building better websites today.