“Scroll down” button (above Masthead)

streetlifebahrain · December 27, 2020, 2:11pm

Hello team,

Good day!

It’s surprising to know that in your test it’s working fine. I have tested this in different mobile phones and desktops but it’s always displaying incorrectly and the second page is not showing up at all (The immediate page after pressing the scroll down button). To show you, please follow the images below:

This is the main page, first thing you will see when you go to the website.

After you click the scrolldown button, this is what you will see…

There are 2 issues here, first… if you can see, it is not fit as it is still showing a part of the first page. Prior to the update, everything was fine. The other issue here is… this is not supposed to be the next page, this is supposed to be the 3RD PAGE. Meaning, in the actual site, the REAL 2ND PAGE is missing.

When I checked in PRO HEADERS, the REAL 2ND page is showing up, but even there, the scroll down button is not working properly, please check the screenshot:

I hope the issues now are all clear. I have cleared cache a lot of times and still, the problem lingers. All of these happened after the update. Also, I have renamed headers but every time I come back to the Pro Headers, the renamed headers go back to their old name. It’s as if it was not saved, but clearly, I always save.

Kindly help fix these issues. Thanks!

All the best,

ruenel · December 27, 2020, 10:56pm

Hello @streetlifebahrain,

Please edit your slider and make sure that the layout is “Slider” with the size that is in “Fullscreen”.

In your custom header, set your bar height to “auto”. And then I have edited your homepage. The very first section is the one displaying contrary to have mentioned that it is not the first page (section).

Kindly let us know how it goes.

streetlifebahrain · December 28, 2020, 5:27am

Hello dear,

Good day. Still, nothing happened. The very first image after pressing the Scroll down button is still missing on the main page but is visible in the custom header… please check this image below, maybe you have missed this on the previous email:

This particular image “Filipino to the world” is visible in the custom header but is missing in actual website. Also if you will notice, it is not fit into the screen after pressing the scroll down button.

So, the issue is still there… the first thing that MUST SHOW UP after pressing the scroll down is this image (Filipino to the world). This is container 1 that is part of the Header. This is missing in actual website as mentioned in previous email. There was no problem in slider…

Again the issues are these: Scroll down not fitting properly on the next page and the part of the header image that is missing in actual website but visible in custom header. Thanks!

Best regards

tristup · December 28, 2020, 8:46am

Hi @streetlifebahrain,

I have checked your website on the desktop and it works fine, I have attached a video in the secure note on what exactly I am seeing. Apart from that, I found several JavaScript console issues due to the 3rd party plugins like Multi-Currency, Super PWA, which does not allow the slider to load at the backend to check the settings which may be the reason behind your issues in mobile devices.
I would suggest you please copy your live site to a staging server so we could troubleshoot freely without breaking your live site.
And give us access in the secure note including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

streetlifebahrain · December 28, 2020, 9:19am

Hello Team,

Good day. I checked your video, thanks. I don’t know if I made myself clear… the video you have shown is not working properly… because after pressing the scroll down button, the “FILIPINO to the world” image MUST SHOW up. It did not show up on your video as it jumped directly to the main page. In the custom header, The “Filipino to the world” image IS SHOWING UP as shown in my previous screenprints.

Here’s the Wordpress Credentials:

christian · December 28, 2020, 11:19am

Hey @streetlifebahrain,

We’re sorry for all the confusion. I’ve just tested the Scroll to Bottom anchor in my site and it doesn’t scroll down all the way like in your site so this is a bug.

I’ve posted this in our issue tracker so this will be queued to be fixed by our development team.

Thanks.

streetlifebahrain · December 28, 2020, 11:55am

Thanks a lot for your response. How about the missing image on the header? Will you also fix that issue? Thanks!

marc_a · December 28, 2020, 2:17pm

Hi @streetlifebahrain,

Regarding the missing image in the header, it is not showing because the other header overlapping the header displayed on the homepage/front page. When I check your homepage header the priority was set to 10.

When I set the priority to 0, the missing image in the header is now showing on the homepage/front page. To know more about conditions and assignments, please check this doc.

Hope that helps.

Thank you.

streetlifebahrain · December 28, 2020, 2:37pm

Ah great! Saw it now! Thanks!

So the only issue now is that the scroll down once clicked doesn’t fit into any screen…

streetlifebahrain · December 28, 2020, 2:40pm

Another thing, can I put a label on the Scroll Down Button? I want to put “SKIP INTRO” above the button… Thanks!

Best regards

christian · December 28, 2020, 4:36pm

Hey @streetlifebahrain,

Regretfully, there’s no option to change the content of the button. That would require custom development which is outside the scope of our theme support

Thanks.

streetlifebahrain · December 29, 2020, 2:59am

Oh, okay. I hope next time it can be considered for development. To have the ability to turn on or off scroll down label…

Thanks.

christian · December 29, 2020, 3:43pm

Thank you for your feedback, @streetlifebahrain

streetlifebahrain · January 7, 2021, 10:45am

Good day team!

I have updated to the latest version of PRO. I still have the same issue of not properly aligning after pressing the Scroll-down button above masthead. Please give me a solution. Thanks!

Best regards,

ruenel · January 7, 2021, 10:36pm

Hey @streetlifebahrain,

Several hours ago, our development team has rolled out another release. Please update the Pro theme to 4.0.11. After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

And please clear your browser cache too. You may use private browsing mode in testing your site to make sure that you are viewing the latest codes from the updates and not the cached version in your browser.

Best Regards.

streetlifebahrain · January 11, 2021, 7:52am

Hello Team,

Good day!

Did all these and still the issue of not properly aligning after pressing the scroll down button is still there. You all have my backend details, maybe about time ti check it once more? Thanks a lot!

Best regards

marc_a · January 11, 2021, 6:07pm

Hi @streetlifebahrain,

The issue was already sent to our development team and they are already aware of it. Just keep checking the changelog from time to time if they already fixed the issue.

Hope that helps.

Thank you.

system · January 21, 2021, 6:07pm

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

alexander · January 28, 2021, 6:57pm

Hi @streetlifebahrain,

Per the last comment, your issue was confirmed to be a flaw in the theme but regretfully we’ve not addressed it yet in another update. This issue in particular is a bit more delicate and risks breaking other parts of the theme so we haven’t finalized it yet.

Would you mind if I installed a development version of the theme on your site? If this is ok we can get it fixed for you directly until we can make the fix publicly available.

alexander · January 28, 2021, 8:20pm

Let me know if you’re ok with us installing the patched version, but meanwhile I have some good news in regards to something else you requested. Previously it wasn’t very easy to customize the content of the scroll anchor. It would always be the icon. For the next release we’ve added a filter. It still takes a bit of custom code but would be more isolated. For example, you’ll be able to do this:

add_filter( 'x_slider_scroll_top_anchor_content', function($content, $position ) {
  return '<span>SKIP INTRO</span>';
}, 10, 2 );

That will put “SKIP INTRO” instead of the icon. However, the default styles will still be active and it will try to position the new content inside of the circle. At least you’ll have the new content, but there will still be a bit of custom development needed on your end to add CSS to present your new text properly.