Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 30, 2013 at 2:46 pm #182442
    disruptivevision

    Hi

    I am disruptivevision, I have already created this topic, but i didnt get proper solution.
    The # links are not working properly, when we click on same page it is working fine. but when we navigate from other pages it is not working properly. The website is live, http://www.disruptivevision.com.

    Please could you help me on this.

    Thanks

    October 30, 2013 at 2:56 pm #182444
    Yigit

    Hey disruptivevision!

    Please try updating your theme to version 2.4.1. Issue could be solved in the new version.
    For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750

    Cheers!
    Yigit

    November 29, 2013 at 9:04 am #194620
    disruptivevision

    Hi Yigit,

    We have updated the theme to the newest version but it still hasn’t been fixed. Could you take a look?

    Thanks

    November 29, 2013 at 9:56 am #194637
    Ismael

    Hi!

    I checked the website using Chrome and the Solutions dropdown navigation works properly even when navigating from other pages. Please remove browser cache then reload the page. Please check it on another browser.

    Regards,
    Ismael

    December 2, 2013 at 7:05 am #195200
    disruptivevision

    Hi Ismael,

    Did you get a chance to read through the old thread’s related to this?

    The #links still work, but they don’t jump to the correct place on the page. The title which it should be showing becomes hidden behind the floating menu. This is only when coming from other pages. It works fine when already on the page

    Let me know if you need further clarification

    December 2, 2013 at 7:01 pm #195415
    Devin

    Hi!

    I believe I mentioned this previously but this is how anchors behave. The browser is responsible for what it does with a link, how it loads an anchor link etc.

    On a page, the theme has some jquery active to make scrolling more smooth but that doesn’t carry over to going from another page. So for right now, the theme doesn’t have anything in place to change where anchor loads from another page. Since the menu is a floating element on top of the other content the page loads at the top like normal.

    Best regards,
    Devin

    December 5, 2013 at 7:26 am #196557
    disruptivevision

    Hi Devin,

    Thanks for your detailed response. Yes, we had discussed this earlier but when I responded with an explanation, it wasn’t replied to.

    I understand that the issue is due to the fact that we have a fixed menu when scrolling. However, we have taken that into account & pointed the # links to the the last element in the section before the one we want it to link to which is probably 100 px, but for some reason this hasn’t fixed the problem. Shouldn’t it?

    No matter how much higher in pixels we put the ID, it still seems to link lower & cover the title.

    Your thoughts?

    December 8, 2013 at 9:27 am #197668
    Devin

    Not sure, checking out the site now its showing the titles fine when I go from one to page to the solutions sub sections.

    December 19, 2013 at 10:04 pm #202275
    disruptivevision

    Hi Devin,

    I have uploaded screenshots of what I get when I click each of the links & pasted the link below. Please have a look & see if it’s the same thing you’re getting.

    http://imgur.com/a/LIga6#0

    As you will see, the top & bottom links work differently from the ones in the middle as for the first link I have given the top of the page & the last link works differently because the scrolling stops when the browser reaches the bottom of the page

    Looking forward to your response

    December 21, 2013 at 8:21 pm #202914
    Devin

    As I’ve said quite a few times I do understand what you mean and as far as I knew there was nothing available to fix how a browser renders where a user is taken on an anchor link.

    The same still holds true but I did stumble onto an article that has a possible fake fix. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    
.avia-section:before { 
  display: block; 
  content: " "; 
  margin-top: -44px; 
  height: 44px; 
  visibility: hidden; 
}

    The height and margin-top need to be whatever your menu shrinks down to.

    January 20, 2014 at 2:34 pm #212206
    disruptivevision

    Hi Devin,

    We tried that code but it doesn’t seem to help.

    I understand why the issue is coming, but what I don’t understand is that if I put the anchor target (id) somwhere in the middle of the previous section from where I want it to land, it’s still landing after the title.

    Could you explain this?

    January 21, 2014 at 8:57 pm #212951
    Devin

    We are trying to find a fix/solution/change for this still but my guess would be its getting effected by something else within the theme’s scripts that we aren’t aware of. This, along with the other topics with the same or similar question are tagged for Kriesi to take a look at asap.

    January 22, 2014 at 6:18 am #213177
    disruptivevision

    Thanks Devin,

    Do let me know as soon as a solution is arrived at.

    Appreciate your support

    Cheers

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘!URGENT! # in-page links on main menu not working’ is closed to new replies.