Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • August 7, 2015 at 12:21 pm #484494
    mediax2014

    Hi Guys,

    Please will you assist me with this issue: I have anchor links from my online-support page that links to the accounting page where the anchor points are. When I use the links and I am directed to the accounting page. The titles are hidden under the header. I have tried various options that I have picked up in the support forum, but have not found a solution. At first I used color sections (hidden under header), then instead I added a code block with points. But this also gave the same result. I also tried the temp fix from Dude in this thread: https://kriesi.at/support/topic/linking-to-anchor-menue-covering/#post-214325 but have had no success. The only way I have been able to show the titles is by adding a 175px whitespace below the anchor point. This however does not look very good on the page. I noticed that many users have had this issue, have anyone found a working fix?

    Thanx for any help!

    August 7, 2015 at 10:14 pm #484704
    Andy

    Hey mediax2014!

    Please upgrade at first to Enfold 3.2.3. and check if things get better for you.

    Best regards,
    Andy

    August 7, 2015 at 11:30 pm #484717
    Citrusconstructions

    I have the same issue.
    I am using the icon box in home page with 4 anchor links to another page where I am using Icon List (4 sets of texts). Each icon box link in home brings you to the page and scrolls to the specific title and associated text.

    I ended up adding padding to each of my anchors, it doesn’t change how my Icon List displays but moved the page down so my titles are just below the header now. It renders slightly differently depending on browser (in safari it’s a bit lower) but it did the trick until someone gives us a better solution.

    My code in my custom css looks like this:

    /* IconBox anchor margin top */
#consult { padding-top:100px; }
#design { padding-top:100px; }
#build { padding-top:100px; }
#finishedproduct { padding-top:100px; }

    Hope this helps you until we have a better solution

    Griffin

    August 8, 2015 at 2:45 am #484734
    Micheal0424

    I was having the same issue, the code worked for me!!

    Thanks guys.

    August 8, 2015 at 12:57 pm #484794
    mediax2014

    Hi Guys,

    Thank you for all the response. I can see how the css would do the trick, but in this case I still have a large white space above each heading. In my case it is 150px.

    Theme is updated to 3.2.3 now and the title is still under the header. I will go back into my custom css and remove the code used to have my breadcrumb fixed to the header, maybe that is what is causing this issue.

    With regards,
    MediaX

    August 8, 2015 at 4:56 pm #484817
    Micheal0424

    Yeah, I spoke to soon. I have that large space issue now.

    August 10, 2015 at 10:02 am #485111
    Rikard

    Hey @mediax2014,

    You have a lot of empty content on that page, for instance an empty code block at the start of your page. Could you remove the empty content please?


    @Micheal0424     Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    August 10, 2015 at 11:56 am #485199
    mediax2014

    Hi Rikard,

    The code blocks contains the anchors eg. <div id=”input”></div>

    I have removed the white space content. You will see the anchor links on the left bottom of this page under the Accounting Title:
    http://www.cicerosoftware.com/nl/cicero-lawpack-support/online-support/

    Thanks for the assistance gents.

    August 11, 2015 at 4:35 am #485720
    Rikard

    Hi @mediax2014,

    Sorry about this thread being a bit messy, what about if you place each section inside a color section instead and give the color section the anchor in the For Developers: Section ID option instead of the header? I think that will solve your problem. If not then please send us a temporary admin login and we’ll have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    August 11, 2015 at 8:03 am #485760
    mediax2014

    Hi Rikard,

    That is the way I originally had it set up, the color sections gave the same results. Nevertheless I will set that up again for you.

    August 14, 2015 at 7:43 am #487565
    mediax2014

    Hi Rikard,

    Have you had a moment to look deeper into this issue yet?

    With regards,
    MediaX

    August 19, 2015 at 9:14 am #489879
    mediax2014

    Hi Guys,

    I am still trying to resolve this issue. Any assistance would be appreciated.

    With regards,

    August 24, 2015 at 9:29 pm #492502
    Josue

    Hi!

    I have anchor links from my online-support page that links to the accounting page where the anchor points are.

    Can you post a link to your online-support page?

    Best regards,
    Josue

    August 25, 2015 at 10:58 am #492779
    mediax2014

    Hi Josue,

    You will see the anchor links on the left bottom of this page under the Accounting Title:

    http://www.cicerosoftware.com/nl/cicero-lawpack-support/online-support/

    September 9, 2015 at 9:56 am #500261
    Andy

    Hey!

    quite difficult to follow this thread for me and I can’t see any issue on the link you have provided. I even can’t see any anchor links under “ACCOUNTING”. Can you highlight what you mean using screenshots please? you can use imgur or dropbox.

    Regards,
    Andy

    September 9, 2015 at 10:52 am #500289
    mediax2014

    Hi,

    I have attached a dropbox link, please see the images. you will notice that I have to use a 150px padding to stop the anchors – titles from slipping behind the header. When I disable all the site plugins, the issue is removed, it must be a java conflict somewhere.

    regards,

    September 14, 2015 at 3:08 pm #502793
    Elliott

    Hey!

    It’s hard to tell because you have padding on each section.

    #input {
    padding-top: 150px;
}
#netbanking {
    padding-top: 150px;
}
#tools {
    padding-top: 150px;
}
#instelling {
    padding-top: 150px;
}

    Can you remove that so we can check? Also, you said it goes away when all plugins are deactivated? Can you reactivate them one by one to see which plugin is causing it?

    Cheers!
    Elliott

    September 14, 2015 at 6:15 pm #502962
    mediax2014

    Hi Elliot,

    Thanks for the response. It was a couple of plugins causing the issue, including CodeStyling Localization, Share This etc.

    I am busy developing the version 2 of this site now and do not have this problem there. We can close this thread for now.

    Once again thanks for the support.

    Regards,
    MX

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Anchor Link Issue – Title hidden under header’ is closed to new replies.