Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • #784334

    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, 1 month ago by anristudio.
    #785208

    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, 1 month ago by anristudio.
    #785485

    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

    #785514

    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

    #785563

    Hi,

    Try to add this custom CSS code:

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

    Best regards,
    John Torvik

    #785795

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

    #785806

    Hi,

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

    Best regards,
    Yigit

    #785820

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

    #786089

    Hi,

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

    Best regards,
    Rikard

    #786104

    Contact & Services in RED
    Lateral Opportunities in BLUE

    #786130

    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

    #786407

    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?

    #786857

    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

    #786947

    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?

    #787106

    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

    #787217

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

    #787529

    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

    #788204

    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, 1 month ago by anristudio.
    #788338

    Hey!

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

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

    Regards,
    Ismael

    #789151

    Ismael,

    I don’t see any changes. I try reloading, on Firefox & Safari, still same issues on mobile menu.

    Thanks!

    #789313

    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

    #789333

    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?

    #789974

    Hi,

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

    Best regards,
    Ismael

    #790790

    Hi Ismael,

    Thank you so much, that worked. I appreciate great support, keep up.

    Thanks

    P.S. you can close this issue.

    #791601

    Hi,

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

    Best regards,
    Ismael

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