Menu and scroll down Arrow does not hit the target. - Support

Tagged: anchor, offset

Viewing 30 posts - 1 through 30 (of 33 total)

1 2 →

Author

Posts
March 28, 2017 at 11:56 am #768065

erdebene
Participant

I’m using a child theme of the enfold theme with anchors and scroll down arrows. It seems, that the height of the sections is calculated correct, but the jump to the section misses the target. The section is displayed to low. Is there a way to fix this in the borders of the child theme?

March 31, 2017 at 9:49 am #769811

Victoria
Inactive Moderator

Hey erdebene,

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

March 31, 2017 at 10:05 am #769822

erdebene
Participant

Hey Victoria,

you’ll find the login-credentials below.

kind regards,
Jochen

April 2, 2017 at 8:33 am #770541

Rikard
Keymaster

Hi,

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

Best regards,
Rikard

April 2, 2017 at 9:39 am #770558

erdebene
Participant

Hi Rikard,

i updated the theme, the network and clered the cache.
Unfortunately it doesn’t hep.

Best Regards, Jochen

April 4, 2017 at 5:32 pm #771882

Andy
Inactive Moderator

Hi,

deactivate your child theme and use default theme version, as well as any other customizations you’ve implemented so far, as I think that one is causing this issue. Keep all plugins deactivated while testing.

I noticed that you are using a caching plugin. Would you mind opening your plugin’s settings page and temporarily deactivate the caching of your site? Then please try to clear your browser cache and hard refresh the site (Hold CTRL + SHIFT + RELOAD) to see if that solves the issue.

Best regards,
Andy

April 5, 2017 at 7:29 pm #772778

erdebene
Participant

Hi,

bad news …
i’ve switched to the default theme, deactivated all plugins by renaming the plugins-directory
Alternatively i’ve excluded the site from the cahe-Plugin.
In all cases the offset remains.

I left default and child theme activated for evaluation purposes.

Best regards,
Jochen

April 7, 2017 at 8:19 pm #774169

Andy
Inactive Moderator

Hi,

There might be some corrupted files, so please delete all theme files completely via FTP, before installing a fresh copy from your themeforest account. Here is a short tutorial on how to install the theme via FTP, in case you are not sure how that works:

Install Enfold over FTP

Best regards,
Andy

April 8, 2017 at 2:36 pm #774508

erdebene
Participant

Hi Andy,

i installed a fresh copy of enfold, deactivated the cache plugin for the whole network, cleared the browser cache and still got the same unchanged result.

Best Regards,
Jochen

April 9, 2017 at 7:05 am #774784

Vinay
Inactive Moderator

Hi,

This issue may happen if there are any customization done to the header or related elements. However, do not worry it can be easily sorted by telling the browser how many pixels to offset when scrolling.

Please use this plugin https://wordpress.org/plugins/hash-link-scroll-offset/ and in the settings try approx 90px to offset and it should work for you fine :)

Best regards,
Vinay

April 10, 2017 at 12:52 pm #775423

erdebene
Participant

Hi Vinay,

thank you for your hint.

I installed it and tested it with up to 300px without any result.
It is still installed and activated so you can test by yourself.

Best regards,

Jochen

April 11, 2017 at 9:53 pm #776331

Vinay
Inactive Moderator

Hi,

We tried to create a private test page without the header and checked for the issue. The page scrolls fine when the header is hidden.

It may be something related to header height or margins.

Please let us know if you know of any modifications made to the header and where can we access it?

The username you provided does not have full admin rights i couldn’t access Appearance > Editor section. Please cchange the admin rights to view all options.

Best regards,
Vinay

April 11, 2017 at 10:47 pm #776353

erdebene
Participant

Hi,

thank you for your continous support!

I took a look at the private test page. The page works fine as long as the menu is used.
If the scroll down arrow is klicked, the offset still remains …

The only modifications i made vou’ll find in the Quick CSS section in the Enfold “general styling” configuration.

I have upgraded the provided username to “Super Admin” to grant you access to every corner of this installation ….

Best regards,
Jochen

April 13, 2017 at 9:54 pm #777553

Vinay
Inactive Moderator

Hi,

I suspect one of the plugins. A plugin conflict may be one of the reasons I’m aware you have already performed this step but let’s just try one last time via FTP by renaming the plugins folder in “wp-content\plugins” to “wp-content\plugins-old” rename back and activate plugins.

Thanks for your cooperation :)

Best regards,
Vinay

April 15, 2017 at 1:12 pm #778192

erdebene
Participant

Hi,

deactivating all Plugins is critical, because it affects the whole network. But i did it again.Unfortunately without any improvements.

After that i hav taken a more detailed look at the test page you have created. When the page is fresh loaded it works fine as long as you use the menu. If you click the scroll down arrow once, the offset appears and takes place til the page is reloaded. Can you reproduce this behaviour?

Maybe this is the track to find the fix…

Best regards,
Jochen

April 20, 2017 at 6:11 am #780309

Vinay
Inactive Moderator

Hi,

I’m unable to reproduce this issue on my installation. We need to make changes to some files on your server. Can you please provide us a temporary FTP access (via private data field)?

Best regards,
Vinay

April 20, 2017 at 9:03 am #780379

erdebene
Participant

Hi,

below you’ll find the required credentials

best regards,
Jochen

April 26, 2017 at 8:09 pm #783670
Vinay
Inactive Moderator
Hi,

Sorry for the delay and thank you for the credentials.

I was able to re-produce this issue on my installation and work on it.

Add this code to functions.php file https://pastebin.com/raw/GWUpvur5

Adjust the offset value 100 in the below line to suit your site.
```
scrollTop: target.offset().top - 100 
```
Best regards,
Vinay
April 27, 2017 at 10:30 pm #784237

erdebene
Participant

Hi,

thank you for your efforts.

I inserted the code to the functions.php of the child theme and the offset remains unaffected even when i increased the value up to 800.

The behavior of your _test-page remains as well. The menu works as long as you leave the scroll arrows untouched.

I left the additional code in the functions.php of the child theme.

Best regards,
Jochen

May 1, 2017 at 6:09 pm #785890

Vinay
Inactive Moderator

Hi,

The code works on my installation please change the value between 100 to 200 to see the visible changes. If you have any caching plug-in purge the cache and empty the browser cache and try again the code should work. If you still have any issue let us know.

Best regards,
Vinay

May 1, 2017 at 9:39 pm #785992

erdebene
Participant

Hi,

i’ve tested your code again with values between 100 and 200.
I did not remark any changes.
The cache is deactiveted for the whole network.
For testing purposes i deactivated all plugins for the network and the offset remains.

I’m sorry about this annoying report …
Please let me know, if i can support your efforts!

Best regards,
Jochen

May 3, 2017 at 7:16 pm #787323

Basilis
Inactive Moderator

Hi,

I did some tests from my side, based on what @Vinay provided and seems to be right.
Are you clearing your cache?

Best regards,
Basilis

May 3, 2017 at 7:29 pm #787336

erdebene
Participant

Hi,
thank you for your support. The cache is disabled for a longer time. If i remember correct , since we are looking for the fix.

kind regards,
Jochen

May 4, 2017 at 10:36 pm #788096

Basilis
Inactive Moderator

Hi,

Yes, that is the site cache.
Your browser cache, on your local machine?

Best regards,
Basilis

May 6, 2017 at 7:54 am #788757

erdebene
Participant

Hi,

i have cleared the browser cache on my own machines and tested the fix with
win10 + Chrome + Firefox + Edge
OSX + Safari

I have tested it with my machine in the office
Win7 + Firefox + IE

I have asked three fellows to test the site.

In every case the offset persisted.
I am aware, that you are looking hard to find a fix and I very much appreciate your efforts.
If there is anything i can do to support, please let me know.

Best regards, Jochen

June 7, 2017 at 3:58 am #804802
foveaworks
Participant
hey @erdebene ,

i had the same or a similar problem and @ismael provided a solution!

If you’re using the sticky header you could apply this to your site as well:

Scroll down to next Section Offset

If your using a child theme you can enqueue avia.js with this
```
function wp_change_aviajs() {
   wp_dequeue_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 );
```
cheers!
June 7, 2017 at 1:07 pm #805064

Rikard
Keymaster

Hi,

Thanks for sharing @foveaworks, much appreciated :-)

Best regards,
Rikard

June 8, 2017 at 10:27 pm #805763

erdebene
Participant

Hi,

Thanks for your hint @foveaworks. Unfortunately this does not fix the issue.

Due to your hint i have tested the behaviour of the header with different settings.
Remarkable is, that the offset changes with the Header size, which i have set to “custom pixel value”.

Maybe this is a track to follow …

Best regards, Jochen

June 13, 2017 at 11:18 am #807365

Ismael
Moderator

Hi,

Did you remove the site? It’s not accessible anymore. (see private field)

Best regards,
Ismael

June 13, 2017 at 3:40 pm #807529

erdebene
Participant

Hi @Ismael,

Thanks for caring.

no, i didn`t remove the site. In the meantime i switched the site to it´s final domain https://jochen-sauvant.de/

Best regards,
Jochen
Author

Posts