Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 13, 2015 at 9:39 am #427371
    jasksks

    Hi there,

    This is a one pager restaurant site mainly imported from the demo. If you click on the link, you will see that the active indicator on the menu is on the wrong menu item (MENU) and not on Promotions.

    Is there a way to fine tune so that the corresponding colour section is the same as the active menu item?

    April 14, 2015 at 9:39 am #428070
    Ismael

    Hi Jon!

    Thank you for using Enfold.

    I’m sorry but you’re using an old version of the theme, 3.0.5. Please update the theme to version 3.1.3.

    Regards,
    Ismael

    April 14, 2015 at 1:06 pm #428183
    jasksks

    Hi Ismael,

    I’ve updated the theme, but somehow the active menu is still not in line with the corresponding colour section. Like if I go down to reservations, the underline red is on promotions instead.

    For example if you click on http://thaivillagerest.cachetmedia.com/#reservations you can see that the underlined is on promotions instead.

    I think it has something to do with the sticky fullwidth sub menu because when I deleted it the active hover works fine. However is there a way for me to keep the sticky sub menu and still have the active underline work correctly?

    • This reply was modified 9 years, 7 months ago by jasksks.
    April 15, 2015 at 12:22 pm #428846
    Ismael

    Hey!

    Thank you for the info. Please edit js > avia.js, look for this code around line 712:

    var tempPadding  		= parseInt($main.data('scroll-offset'),10) || 0,
							non_shrinking		= parseInt($meta.outerHeight(),10) || 0,
							non_shrinking2		= parseInt($alt.outerHeight(),10) || 0;

						if(tempPadding > 0 && shrink) 
						{
							tempPadding = (tempPadding / 2 ) + non_shrinking + non_shrinking2;
						}
						else
						{
							tempPadding = tempPadding + non_shrinking + non_shrinking2;
						}

    Replace it with:

    var tempPadding  		= parseInt($main.data('scroll-offset'),10) || 0,
							non_shrinking		= parseInt($meta.outerHeight(),10) || 0,
							non_shrinking2		= parseInt($alt.outerHeight(),10) || 0,
							sticky_subh         = parseInt(sticky_sub.outerHeight(),10) || 0;
						if(tempPadding > 0 && shrink) 
						{
							tempPadding = (tempPadding / 2 ) + non_shrinking + non_shrinking2;
						}
						else if(sticky_sub.length >= 1) 
						{
							tempPadding = tempPadding + non_shrinking + non_shrinking2 - sticky_subh;
						} 
						else 
						{
							tempPadding = tempPadding + non_shrinking + non_shrinking2;
						}

    Cheers!
    Ismael

    October 4, 2015 at 12:21 pm #513309
    mailworm

    Hi Ismael,

    I am having the same issue with a site of a friend. It’s mainly a one-pager. Has this issue not been fixed with the latest Enfold?

    The issue at my friends site is, that the last section linked in the top-menu seems to be overriding the actual section and the menu items bottom-border is flickering.

    How to prevent that?

    Thanks,
    Thomas

    October 5, 2015 at 9:12 am #513552
    Rikard

    Hey,

    I’m not sure what you mean by that, do you mean the second last one of the one linking to the forum? Please try to explain a bit further and post screenshots of the problem if possible.

    Regards,
    Rikard

    October 7, 2015 at 8:32 am #514984
    mailworm

    Hi Rikard,

    I made a screencast and uploaded it to YT. The link is attached as private content.

    As written before, the active-menu-item bar (black bar at menu-item bottom) is not acting as expected. At the top of the page the last section is shown as active. While scrolling down in this case the active menu item is flickering between the correct section and home menu item.

    Since this is not a 100% one pager, but ie the menu is the same when following to the single view of a blog entry, the links in the menu are not just linked to #sectionid, but to http://thedomain.tld/#sectionid/, since the #sections are only available at the frontpage.

    Do You see what my issue is? Any idea how to fix that?

    Thank You.

    October 8, 2015 at 4:45 am #515546
    Rikard

    Hi,

    Top #top anchor is the id for the surrounding body tag which means it’s open across the page so you will have to use a different one for home, try using #fullscreen_slider_0 instead.

    Best regards,
    Rikard

    July 17, 2016 at 12:45 pm #661730
    powerfoodproject

    Hi,
    I have some problem with customization indicators of main menu – I want change position of indicator – to above not below text in header.
    Can You help me please?

    July 18, 2016 at 6:43 am #661857
    Rikard

    Hi,

    Question was answered here: https://kriesi.at/support/topic/enfold-main-menu-indicators/

    Thanks,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Menu active section indicator’ is closed to new replies.