BoldGrid/boldgrid-theme-framework

[ENHANCEMENT] Improve button display in menus

nicolepaschen opened this issue · 4 comments

I have a menu item I've added the custom css class button-primary to so I have a button in my menu:
image

There is too much padding on the sides and top at this time:
image

Please update the hover effects to be the same as the standard primary and secondary buttons.

menu-button-hover

I have a button on the Contact Us menu item. When I am on the Contact Us page, the button no longer appears. It should stay there so the header looks the same across the site.

menu-button-active

I started with the Wedge Inspiration. I changed the menu to have a single color hover effect. There are two buttons in the menu coded with button and button-primary/secondary:

image

The single color hover effect is applied to the buttons as well. The buttons should always use the standard hover effect please.

button-hover-effect-menu

I started with Starter Content and changed the color palette. I added primary and secondary buttons to the header. I changed the hover style to a single color and changed the link color of the menu items. The buttons inherit the link color of menu items.

buttons