Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Basically, I agree and I thought this too. However, if the menu background color can be customized, then menu text and menu link color also needs to be changed. I though that may be a little bit too much since the color select UI is already too many. That's the reason I decided not to add menu background color and added menu style (gloss black menu) instead.
Mh, the two available options are ok and should also work for me but third option with custom color sounds better to me ;) How ever. I will use MAYO also without
If we make menu background color customizable, we needs to have the following color to be customizable (or to use the color used for other places as you suggested).
1) menu background color (JohnnyX's idea is to use header background color)
1) menu highlight color (note: we can not use the regular highlight color because it is used for pager and other highlight on the page area)
2) menu text color (JohnnyX's idea is to use site name and slogan color)
3) menu link text color
I think this would be a nice addition but I need to spend some time to think about the best way to implement it.
Why don't you just provide example code in the documentation on the location and styles to change in order to accomplish? I have not looked into this yet, but when I figure it out, I'll be happy to share.
I am struggling with setting the menu background color. I'm trying to use a subtheme so as to not modify the core MAYO files, but it's much more complicated than I thought it would be. I'd love if it were an option in the color picker.
Here is how I solved this: In settings, choose the black background menu option. Then go to \sites\all\themes\mayo\images and make a backup copy of black-menu.png. Then open black-menu.png in your favorite graphics software and fill it with the desired color. Then go to the css file and open black-menu.css. There, you can easily style your menu links. The menu seperator color is configured in settings. I uploaded a copy of what the menubar looks like on a site I have under construction.
I realize that this conversation is old, but I stumbled upon it while trying to solve the same problem. Now I need help with another aspect of this. I successfully changed the menu bar to another color, but the hover over highlight is gray, which doesn't quite work with the color scheme I'm using. How can that be changed? I looked in the MAYO appearance settings and it doesn't appear that it can be changed there.
This is a major drawback of an excellent theme. You're correct emburke the amount of changes to make it perform as needed is over the top. I have done it but when an update occurs then you will be screwed.
Comments
Comment #1
pixture CreditAttribution: pixture commentedBasically, I agree and I thought this too. However, if the menu background color can be customized, then menu text and menu link color also needs to be changed. I though that may be a little bit too much since the color select UI is already too many. That's the reason I decided not to add menu background color and added menu style (gloss black menu) instead.
Comment #2
JohnnyX CreditAttribution: JohnnyX commentedMh, I see.
What do you think about a third option? Set menu bar identical the header colors?
background = header background color
link color = title and slogan color
Comment #3
JimmyAx CreditAttribution: JimmyAx commentedI think keeping it as it is now is better.
Comment #4
pixture CreditAttribution: pixture commentedOK, I will leave it as it is for the time being.
Comment #5
JohnnyX CreditAttribution: JohnnyX commentedMh, the two available options are ok and should also work for me but third option with custom color sounds better to me ;) How ever. I will use MAYO also without
Comment #6
pixture CreditAttribution: pixture commentedIf we make menu background color customizable, we needs to have the following color to be customizable (or to use the color used for other places as you suggested).
1) menu background color (JohnnyX's idea is to use header background color)
1) menu highlight color (note: we can not use the regular highlight color because it is used for pager and other highlight on the page area)
2) menu text color (JohnnyX's idea is to use site name and slogan color)
3) menu link text color
I think this would be a nice addition but I need to spend some time to think about the best way to implement it.
Comment #7
bwill CreditAttribution: bwill commentedWhy don't you just provide example code in the documentation on the location and styles to change in order to accomplish? I have not looked into this yet, but when I figure it out, I'll be happy to share.
Comment #8
TommyK CreditAttribution: TommyK commentedI am struggling with setting the menu background color. I'm trying to use a subtheme so as to not modify the core MAYO files, but it's much more complicated than I thought it would be. I'd love if it were an option in the color picker.
Comment #9
bwill CreditAttribution: bwill commentedHere is how I solved this: In settings, choose the black background menu option. Then go to \sites\all\themes\mayo\images and make a backup copy of black-menu.png. Then open black-menu.png in your favorite graphics software and fill it with the desired color. Then go to the css file and open black-menu.css. There, you can easily style your menu links. The menu seperator color is configured in settings. I uploaded a copy of what the menubar looks like on a site I have under construction.
Comment #10
Todd Young CreditAttribution: Todd Young commented@bwill: Now THAT's what I'm tawlkin' bout. NICE! Thanks, great post.
Comment #11
bwill CreditAttribution: bwill commentedGlad I could help!
Comment #12
ray_223 CreditAttribution: ray_223 commentedHi Pixture,
Love your MAYO theme - using it on 2 sites now.
I vote for having the menu fully customisable:
menu background color
menu highlight color
menu text color
menu link text color
Yes, it makes the colour scheme admin interface rather cluttered - but gives users full control of colours on the page.
Comment #13
cmedina CreditAttribution: cmedina commentedI would like to be able to set the colors of the main menu, too:
Thanks.
Comment #14
emburke CreditAttribution: emburke commentedHi,
I realize that this conversation is old, but I stumbled upon it while trying to solve the same problem. Now I need help with another aspect of this. I successfully changed the menu bar to another color, but the hover over highlight is gray, which doesn't quite work with the color scheme I'm using. How can that be changed? I looked in the MAYO appearance settings and it doesn't appear that it can be changed there.
Thanks,
Elliott
Comment #15
Naturalist CreditAttribution: Naturalist commentedThis is a major drawback of an excellent theme. You're correct emburke the amount of changes to make it perform as needed is over the top. I have done it but when an update occurs then you will be screwed.
Comment #16
mermentau CreditAttribution: mermentau commentedI think the original developer's comment at #1 still applies.