Good Morning David,
My apologies for not getting you an answer yesterday evening. Let’s see if we can find answers for you:
Navigation Width
You can change the width of the drop-down items. Here’s how to do that:
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
nav#top-menu ul li:hover ul {
width: 240px;
}
nav#top-menu ul li:hover ul ul {
top: -5px;
}
- Update your settings.
See if that looks like a good width to you. You can make it more narrow or wider by changing the 240px in the snippet above.
You can round the corners of the navigation button by adding this to the Custom CSS too:
nav#top-menu ul li.button a,
.scroll nav#top-menu ul li.button a{
border-radius: 10px;
}
Feel free to adjust the 10px so you have the amount of rounding you’re looking for.
Hero Button Background
I do see that the button is not changing color like we need it to. Let’s force it this way:
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
.home .hero-copy a.button {
background-color: #7bc6c5;
}
- Update your settings.
I am working on an update to Grassroots, and I’ll include a fix for the per page button background color in that next update.
Let me know if you have any questions or trouble.
Thanks,
Bill