Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 19, 2017 at 1:45 am #866027
    s29ers

    Hello

    I searched the forums and could not find an answer to the following

    a) I have from the main menu, normal child menus and a mega menu. The hover colour is not showing up or it is the same as the background. How to fix it? I had thought that setting would be set in the Splash Red theme colour I’m using anyway and not require some special CSS? Please advise.

    b) On both child menus and mega menu, the page I am at is not highlighted if I drop down the menu to see. Again, maybe it is and the active child page link text is not a different colour. How to fix this so link text colour changes? The relevant pages are set as child pages.

    c) I wanted to set the mega menu background colour exactly the same as the normal child menu. Right now, when it drops down, its background is white and the child links are in a blue box. The normal child menus are all blue. I could only change the blue box inside the mega menu columns to white, with this

    #top #header .avia_mega_div .sub-menu li ul li a {
    background: #ffffff !important;

    but not the whole mega menu to blue match the normal child menu background. Please explain how to do it.

    d) I also use a full width sub menu on many pages. The links in there go to anchors in the page. Is there any way to show the anchor the user has scrolled down to as now ‘active’ (underline in Splash Red colour theme) on that full width sub menu?

    I provided credentials privately in case you need.

    Thank you.

    October 19, 2017 at 6:02 am #866078
    s29ers

    One more question,

    e) This is related to (d). On the full width menu, how do I highlight the current page like it is highlighted if I use the mega menu? if you click on Features_Mega and then a child link, it goes to the page and then if you hover on Features_Mega it highlights the page link in red. In the first full width menu (there are two), the page you are at is not highlighted. How to do that (preferably with underline like main menu?

    (d) above refers to the second full width menu on the page which has links to anchors within the page and how to highlight those as the user is scrolling down the page into that section.

    Thanks

    October 21, 2017 at 7:58 am #866990
    s29ers

    Hello, Could you kindly answer my questions when you have a moment? Thank you.

    October 22, 2017 at 6:42 pm #867257
    Victoria

    Hi s29ers,

    Please refrain from commenting or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    I see the link and the password, but do not see the username. We need that too.
    Best regards,
    Victoria

    October 23, 2017 at 4:40 am #867430
    s29ers

    Hi Victoria
    Got it. Sorry about that, I added something I forgot but will wait in future and not comment! Sorry I missed the info. It is below.
    Thanks and regards

    October 23, 2017 at 9:21 am #867507
    Nikko

    Hi,

    a.) You can go to Enfold > Advanced Styling > then select an element to Customize, you can choose the Main Menu and the submenu.

    b.) We can give you css code for that since there’s no option for the active links. Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #avia-menu .current-menu-item > a {
    color: darkred !important;
}

    Just replace the color value.

    c.) I could see the mega menu but I don’t see the one you are referring.

    d.) Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you.

    Best regards,
    Nikko

    October 23, 2017 at 8:06 pm #867809
    s29ers

    Hi

    Thanks for your reply.

    a.) You can go to Enfold > Advanced Styling > then select an element to Customize, you can choose the Main Menu and the submenu.
    This does not show me the current colours whaich are ust blank and say “default”. Where can I see the current settings?

    b) I tried this and it works for the main menu and childmenus from there, BUT not on the full width sub-menu (see (e) above). If I click on Features on the main menu and then on on the Features page click on ‘Mobility’ on the full width sub-menu to go to the page Mobility, ‘Mobility’ on the fullwidth sub-menu on the page Mobility is not highlighted. How to do that?

    c) There is only one mega menu and it is called Features_Mega if you are on the site, and on the backend, it is also called Features_Mega. Currently it is all white as I used the CSS I gave you, i.e.

    #top #header .avia_mega_div .sub-menu li ul li a {
    background: #ffffff !important;

    The other child menus have are all blue (menu background and link background) and I want to set the mega menu backgrounds the same blue, but cannot do so. See (c) above. How do I do it?

    d) ok.

    Thanks

    • This reply was modified 7 years, 2 months ago by s29ers.
    October 25, 2017 at 4:01 am #868506
    Ismael

    Hi,

    a.) The default color scheme is derived from the settings in the Enfold > General Styling panel. You can override it in the Advanced Styling panel.

    b.) Please refer to the previous thread.

    // https://kriesi.at/support/topic/fullwidth-submenu-highlight-active-menu-element/#post-577902

    c.) Please use the following css code and adjust the background value as needed.

    #top #header .avia_mega_div .sub-menu, #top #header .avia_mega_div .sub-menu li, #top #header .avia_mega_div .sub-menu li a {
    background: blue;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.