[Resolved] Secondary navigation background not showing on mobile

[Damon]

Hi Tom

Thanks for the awesome theme.

My secondary navigation background is not showing on mobile layout (unless you mouse-over it), please can you tell me how to make it display?

Also I used hooks to make the logo appear before the header widget but am having problems with the spacing.

Please see screenshot

Thank you

[Tom]

Interesting, can you link me to the site?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Damon]

http://www.buckhamfair.co.uk/ Thank you.

[Tom]

Try adding this CSS:

.secondary-navigation button.menu-toggle {
    background-color: #6b1605;
    background-image: url(http://www.buckhamfair.co.uk/wp-content/uploads/2016/07/leather-strap-1.jpg);
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Damon]

Brilliant, thank you Tom

Have you any suggestions on the spacing issue?

http://www.buckhamfair.co.uk/wp-content/uploads/2016/10/generatepress-q1.png

[Tom]

You gave the header widget a fixed height with some custom CSS which is causing that issue:

.header-widget {
    max-width: 100%;
    float: none;
    height: 69px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Damon]

Thank you so much.

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts