mobile navigation unresponsive

[Whelen Troy]

I don’t know how to exactly explain my problem, but if you could check my site on mobile screens (I am using iPhone 6 right now), you’ll see that my navigation is non-responsive. And it doesn’t look well.

By the way, I deactivated the header. And only using the navigation.

Can you please help me out? thanks.

GP Premium 1.3

[Leo]

Hi there,

Is this the site you are referring to? http://www.juanmacau.com/

If so the mobile menu is working for me.

As for the appearance, you can consider using the mobile header option:
https://docs.generatepress.com/article/mobile-header/

Or trim the padding off your logo image: http://www.juanmacau.com/wp-content/uploads/2017/06/juanmacaulogopng.png

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

This is why I put spaces on the logo picture, it aligned near beside the border at the left. If I trim the picture, is there anyway that I can adjust the space at its left side? to make it appear a little bit at the center.

[Leo]

Yes with this CSS:

.main-navigation .navigation-logo img {
    padding-left: 50px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

well great!

what are size recommendation for navigation logo?

thanks!

[Leo]

Could be anything as long as it’s not tiny.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

all perfect now Leo. And I’m almost done! Last query: https://generatepress.com/forums/topic/related-post-popular-post-sidebar-widget/.

Thanks!

[Leo]

You’re welcome.

I see the topics 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts