Viewing 30 posts - 1 through 30 (of 33 total)
1 2
  • Author
    Posts
  • May 22, 2017 at 5:28 pm #797805
    timahe

    Hello,

    my customer needs to use anchor points on some pages. He created them following your howto but if you click on an anchor point the menu is hiding an area of the content it should show (see screenshots in private content).
    Would be great if you could help me with this!

    May 23, 2017 at 3:14 pm #798306
    Victoria

    Hey Tima,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

    Best regards,
    Victoria

    May 23, 2017 at 9:10 pm #798502
    timahe

    see private content

    May 24, 2017 at 7:21 am #798735
    Rikard

    Hi,

    Thanks for the login details. First off, could you try updating the theme to the latest version (4.0.7) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    May 24, 2017 at 6:10 pm #799057
    timahe

    Hello,

    I just updated the theme and now the site is crashed (after loading and loading – update never finished on my browser). Even WP-Admin does not work anymore – all sites dropping HTTP 500 error.
    Of course I would have a backup but now its some days ago I made the last and moreover I am staying in spain and having bad internet these days. It would be great if you could have a look at the site to tell me whats going wrong / maybe reuploading files (my internet is real slow).
    I attached FTP login in private content.

    Thanks!!

    May 25, 2017 at 8:38 pm #799776
    Victoria

    Hi timahe,

    Got your website back up and running. How are you adding the anchors? They do not seem to work at all.

    Best regards,
    Victoria

    June 8, 2017 at 10:05 pm #805750
    timahe

    Hello,
    sorry for late response. Yes the anchors are still not working and I have absolutely no idea why – on other sites anchors work fine for me.
    We add anchors following this guide from your site:

    Add Anchors to your page for single page navigation

    Would be great if you could have a look at this again.
    Thanks!

    June 12, 2017 at 10:30 am #806805
    timahe

    ??

    June 12, 2017 at 8:11 pm #807052
    Victoria

    Hi timahe,

    Well, the anchors scroll the necessary paragraph to the top, but they don’t take into account any other elements you might have, like the sticky header in this case. So simple anchors would not really work, or you need to place them above the element you need to scroll to by about 200px.

    Best regards,
    Victoria

    June 12, 2017 at 8:13 pm #807053
    Victoria

    Hi,

    Here is a somewhat similar issue

    Menu and scroll down Arrow does not hit the target.

    Best regards,
    Victoria

    June 12, 2017 at 10:53 pm #807136
    timahe

    Hello Victoria,

    thanks for your help, I have read the whole topic and now I see there are few other people experiencing the same problem but I dont know which of the provided solutions would be fine for me / my problem? I see at least for one persons worked Ismaels solution editing avia.js but actually I cant find it in the Editor. Anyways is this the correct solution? As you still have full access to the site it would be wonderful if you could have a look at it and tell us which files and where to change to change them exactly.

    Thanks!!

    June 14, 2017 at 8:25 pm #808195
    timahe

    Would be great if some teammember could have look at this and give me a short answer what to do :-)

    June 15, 2017 at 10:10 am #808483
    Victoria

    Hi timahe,

    There is no short answer on what to do here. Somebody has to sit down and fix this. The thing is, it in not really universal, so the script has to be kind of tailored to each specific situation.

    Best regards,
    Victoria

    June 15, 2017 at 11:37 am #808523
    timahe

    Hello Victoria,

    first of all: thanks for your detailed answer. I understand that its kind of bad to provide different solutions for different customers.. Well I am enfold customer since a year and bought about 8 licenes for different sites and yeah I would be really happy if someone of you could fix this for this installation / site setup. Normally I would say we just dont use a fixed menu and go on but at this site its a requirement.. In the end I am happy each time I am able to fix a problem with enfold just by using google a few minutes and I would be very satisfied if we can find a solution in this matter too!!

    June 17, 2017 at 6:46 pm #809346
    Mike

    Hi,
    Try adding a class to the anchor element with a offset height as the padding-top value.
    The anchor link:

    <a class="anchor" name="one">Link One</a>

    The css:

    .anchor { padding-top: 90px; }

    Or
    perhaps this plugin: https://wordpress.org/plugins/hash-link-scroll-offset/

    Best regards,
    Mike

    June 17, 2017 at 9:55 pm #809388
    timahe

    Thanks a lot, this works great for me on desktop devices. For my iphone 7 it looks like this:

    View post on imgur.com


    A friend checked with his 7+ and iPad and he also has problems there. 7+ seems to be the same as mine but heres a example with the ipad:

    View post on imgur.com


    he clicked on anchor point #2 (see link in private content).
    Would be great if you could help me to fix this finally!

    June 17, 2017 at 10:22 pm #809395
    Mike

    Hi,
    Please try adjusting the padding size. For mobile add this code with a different amount of padding:

    @media only screen and (max-width: 427px) { 
.anchor { padding-top: 90px; }}

    Best regards,
    Mike

    June 22, 2017 at 2:38 pm #811552
    timahe

    Hello,

    for mobile devices its also fine now, BUT theres a big problem:
    The changes did not take any effect for Chrome Browser on desktop devices. Of course we cleared cache, tried private mode and on other devices (which never opened the site before) – it quite doesnt work… Its fine for firefox, safari, edge..
    Would be great if we could find a workaround for chrome!!

    Regards

    June 22, 2017 at 11:25 pm #811868
    Mike

    Hi,
    Try replacing with this code:

    .anchor {
  display: block!important; 
  height: 100px!important;
  margin-top: -100px!important;
  visibility: hidden;
}

    Best regards,
    Mike

    June 29, 2017 at 4:09 pm #814562
    timahe

    Hello,

    sorry for the late respsonse. This code unfortunately doesn’t work for all devices and browser. For testing I have integrated on the site mentioned above. Would be great if you could provide me another working for all devices and browser :-)

    Thanks

    June 29, 2017 at 4:15 pm #814567
    timahe

    Hello,

    sorry for the late respsonse. This code unfortunately doesn’t work for all devices and browser. For testing I have integrated on the site mentioned above. Would be great if you could provide me another working for all devices and browser :-)

    Thanks!!

    June 30, 2017 at 3:19 am #814765
    Mike

    Hi,
    Can you please explain which devices or browsers this does not work for with screenshots?

    Best regards,
    Mike

    June 30, 2017 at 5:11 pm #815056
    timahe

    This code works for no device ( you can check yourself)

    .anchor {
    display: block!important;
    height: 100px!important;
    margin-top: -100px!important;
    visibility: hidden;
    }

    This code works fine for all browser WITHOUT Chrome (and for mobile devices I use the CSS you provided first)

    .anchor { padding-top: 90px; }

    see here:
    http://i.imgur.com/RJ8DGAYl.jpg

    Thanks

    • This reply was modified 7 years, 6 months ago by timahe.
    July 1, 2017 at 4:35 pm #815369
    Mike

    Hi,
    I see right now you are using:

    .anchor {
display: block!important;
height: 100px!important;
margin-top: -100px!important;
visibility: hidden;
}

    I just tested in Chrome, Edge, Firefox, and Safari on the first two anchors and they are working for me in desktop, tablet, and mobile. Yet you say it’s not working for you at all? I’m sure you cleared your cache too right? :)

    Best regards,
    Mike

    July 5, 2017 at 7:20 pm #816869
    timahe

    Yes of course I cleared my cache but maybe you misunderstood what I mean what the anchor should show / where it should point to. I just uploaded a video for example in the private content so you may check :-)

    July 8, 2017 at 7:14 pm #818270
    Mike

    Hi,
    That is very strange, I went to re-evaluate but your site seems down now. I’ll try again latter.

    Best regards,
    Mike

    July 11, 2017 at 9:30 pm #819636
    timahe

    Hi Mike,

    I have checked on the same day – for me the site was and is still up and running. Would be great if you try again :-)
    Thanks

    July 14, 2017 at 3:29 pm #821217
    timahe

    ?

    July 15, 2017 at 3:56 am #821521
    Ismael

    Hi,

    Please try to put the anchor above the h2 heading. Use a span or an empty paragraph tag.

    Best regards,
    Ismael

    July 16, 2017 at 2:44 pm #822024
    timahe

    Hello Ismael,

    first of all thanks for you help but I dont know what you exactly mean with this. I provided logindata in private content above, maybe you can do the changes as example and just explain them (shortly) afterwards?

    Thanks!

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