![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
April 28, 2017 at 8:02 am #784334
Is it possible to have main menu buttons to look like content element buttons?
Here is the screenshot as well as login credentialsmain menu
content element > buttons-
This topic was modified 7 years, 4 months ago by
anristudio.
April 30, 2017 at 9:00 am #785208I was able to change menu items to buttons via Appreance > Menus > Menu Style
However I cannot seem to do very simple task, I tried Advance Styling > Main Menu sublevel Links it does not work
I’m trying to make all dropdown submenu buttons (1st one is Our Borrower…) to be red color #ff3333 with white fonts and when I hover I’d like the button to be blue color #33399
Could anyone assist?
-
This reply was modified 7 years, 4 months ago by
anristudio.
May 1, 2017 at 5:38 am #785485Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.sub-menu li a { background: red; color: white; } .sub-menu li a:hover { background: blue; }
Best regards,
RikardMay 1, 2017 at 6:37 am #785514Rikard,
Thanks! I don’t think this worked. See this image, I’m trying to have red background on every submenu item with white fonts. Right now submenu background is white with red fonts.
May 1, 2017 at 7:44 am #785563Hi,
Try to add this custom CSS code:
.header_color .main_menu .menu ul li a:hover { background: red !important; }
Best regards,
John TorvikMay 1, 2017 at 3:39 pm #785795Thanks John! I tried your CSS code did not change anything. Still same as screenshot in post #4.
May 1, 2017 at 3:49 pm #785806Hi,
Please go to Enfold theme options > Advanced Styling and edit “Main Menu sublevel Links” as needed :)
Best regards,
YigitMay 1, 2017 at 4:05 pm #785820Is it possible to have 2 main menu buttons in red and 3rd main menu button in blue?
May 2, 2017 at 4:36 am #786089Hi,
Yes that should be possible, what items do you want in red?
Best regards,
RikardMay 2, 2017 at 5:04 am #786104Contact & Services in RED
Lateral Opportunities in BLUEMay 2, 2017 at 5:43 am #786130Hi,
I couldn’t see Lateral Opportunities but I believe you have renamed it to Job Opportunities, I have added this css code in Quick CSS (located in Enfold > General Styling):
#avia-menu #menu-item-3871 span.avia-menu-text { background-color: blue !important; }
Which changed the button color to blue on the last menu item, let us know if it’s good :)
Best regards,
NikkoMay 2, 2017 at 3:07 pm #786407Thank You Nikko – this is perfect!
I already asked this same question earlier.
I’m trying to make SERVICE dropdown submenu buttons (1st submenu is Our Borrower NTMC Services) to be red color #ff3333 with white fonts and when I hover I’d like the button to be blue color #33399.I tried using Advance Styling > Main Menu sublevel Links it does not work
How could this be done?May 3, 2017 at 4:36 am #786857Hi,
Have you tried using the “Apply only to mouse hover state” option? You should add the element twice, one for the initial state and another for the hover state.
Best regards,
IsmaelMay 3, 2017 at 7:30 am #786947Ismael, thanks for the tip!
I tried, and I still see white background on submenu buttons.
Just like last image i posted in this thread.Any other ideas?
May 3, 2017 at 1:13 pm #787106Hi,
I have checked it and it’s weird that the hover you set was working while the initial state isn’t working, I added this css code in Quick CSS to fix it:
#header .sub-menu > li > a { background-color: #ff3333; color: #fff; } #header .sub-menu > li > a:hover { background-color: #333399; }
Let us know if this helps :)
Best regards,
NikkoMay 3, 2017 at 3:57 pm #787217Thank you so much Nikko! One more quick question, is it possible to make same colors on mobile?
May 4, 2017 at 3:57 am #787529Hi,
You’re welcome. Try adding this css code in Quick CSS (located in Enfold > General Styling):
#mobile-advanced { background-color: #ff3333; } #mobile-advanced li a .avia-menu-text { color: #fff; } #mobile-advanced li > a:hover { background-color: #333399; }
Let us know if this helps :)
Best regards,
NikkoMay 5, 2017 at 6:36 am #788204Thank you so much Nikko!
I added your custom CSS code It works very nice, however there is small issue with SERVICES button.
When I click on SERVICES button all of the submenu buttons get highlighted on hover with BLUE at the same time, is it possible to separate hover action to each submenu button under SERVICE, you can take a look to see what I’m saying.Also on mobile, the button to open up the MENU is white with gray border, and also when MENU opens is still white – when I hover it’s red.
I need to change on mobile the initial button to open up the MENU to RED background with WHITE and when hover BLUE background with WHITE
Once user is inside of MENU button should be BLUE background with WHITE.-
This reply was modified 7 years, 4 months ago by
anristudio.
May 5, 2017 at 11:55 am #788338Hey!
We modified the code a bit. Please try it again.
// https://kriesi.at/support/topic/main-menu-question/#post-787106
Regards,
IsmaelMay 7, 2017 at 7:30 pm #789151Ismael,
I don’t see any changes. I try reloading, on Firefox & Safari, still same issues on mobile menu.
Thanks!
May 8, 2017 at 5:31 am #789313Hi,
I`ve checked your site and all is working with the latest modifications, so, may you try to clear your cache?
Best regards,
John TorvikMay 8, 2017 at 6:53 am #789333John – thanks for double checking!
Still no luck, i tried clearing cache in firefox, also on my iPhone, and as well as on iPad (1st time site accessed) still same issue with mobile menu, any ideas?May 9, 2017 at 5:44 am #789974Hi,
We modified the code in the Quick CSS field. Please remove browser cache or hard refresh before checking the page.
Best regards,
IsmaelMay 10, 2017 at 4:08 am #790790Hi Ismael,
Thank you so much, that worked. I appreciate great support, keep up.
Thanks
P.S. you can close this issue.
May 11, 2017 at 12:25 pm #791601 -
This topic was modified 7 years, 4 months ago by
-
AuthorPosts
- The topic ‘Main Menu button like content element button’ is closed to new replies.