Tagged: , ,

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • April 28, 2017 at 8:02 am #784334
    anristudio

    Is it possible to have main menu buttons to look like content element buttons?
    Here is the screenshot as well as login credentials

    main menu

    content element > buttons

    • This topic was modified 7 years, 7 months ago by anristudio.
    April 30, 2017 at 9:00 am #785208
    anristudio

    I 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

    View post on imgur.com

    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, 7 months ago by anristudio.
    May 1, 2017 at 5:38 am #785485
    Rikard

    Hi,

    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,
    Rikard

    May 1, 2017 at 6:37 am #785514
    anristudio

    Rikard,

    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.

    View post on imgur.com

    May 1, 2017 at 7:44 am #785563
    John Torvik

    Hi,

    Try to add this custom CSS code:

    .header_color .main_menu .menu ul li a:hover {
background: red !important;
}

    Best regards,
    John Torvik

    May 1, 2017 at 3:39 pm #785795
    anristudio

    Thanks John! I tried your CSS code did not change anything. Still same as screenshot in post #4.

    May 1, 2017 at 3:49 pm #785806
    Yigit

    Hi,

    Please go to Enfold theme options > Advanced Styling and edit “Main Menu sublevel Links” as needed :)

    Best regards,
    Yigit

    May 1, 2017 at 4:05 pm #785820
    anristudio

    Is it possible to have 2 main menu buttons in red and 3rd main menu button in blue?

    May 2, 2017 at 4:36 am #786089
    Rikard

    Hi,

    Yes that should be possible, what items do you want in red?

    Best regards,
    Rikard

    May 2, 2017 at 5:04 am #786104
    anristudio

    Contact & Services in RED
    Lateral Opportunities in BLUE

    May 2, 2017 at 5:43 am #786130
    Nikko

    Hi,

    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,
    Nikko

    May 2, 2017 at 3:07 pm #786407
    anristudio

    Thank 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 #786857
    Ismael

    Hi,

    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,
    Ismael

    May 3, 2017 at 7:30 am #786947
    anristudio

    Ismael, 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 #787106
    Nikko

    Hi,

    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,
    Nikko

    May 3, 2017 at 3:57 pm #787217
    anristudio

    Thank you so much Nikko! One more quick question, is it possible to make same colors on mobile?

    May 4, 2017 at 3:57 am #787529
    Nikko

    Hi,

    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,
    Nikko

    May 5, 2017 at 6:36 am #788204
    anristudio

    Thank 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, 7 months ago by anristudio.
    May 5, 2017 at 11:55 am #788338
    Ismael

    Hey!

    We modified the code a bit. Please try it again.

    // https://kriesi.at/support/topic/main-menu-question/#post-787106

    Regards,
    Ismael

    May 7, 2017 at 7:30 pm #789151
    anristudio

    Ismael,

    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 #789313
    John Torvik

    Hi,

    I`ve checked your site and all is working with the latest modifications, so, may you try to clear your cache?

    Best regards,
    John Torvik

    May 8, 2017 at 6:53 am #789333
    anristudio

    John – 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 #789974
    Ismael

    Hi,

    We modified the code in the Quick CSS field. Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    May 10, 2017 at 4:08 am #790790
    anristudio

    Hi 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
    Ismael

    Hi,

    No problem. Let us know if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Main Menu button like content element button’ is closed to new replies.