cover feature bug on mobile + new page loads scrolled after anchor is used in previous page

robin

Hi,

I'm finishing a website for a client, of course short deadline blabla. Here is my problem:

www.kosmocompany.net/wordpress/

I just realized that the cover feature is buggy on mobile, on tap it only scroll partially and stops at an odd position. Also the titles appear too low compared to the desktop version and are cut behind the white background color of the page.

Another smaller bug, on this page:

http://kosmocompany.net/wordpress/trainings-workshops

I use anchors in the links on the right to get to different positions in the page. Whenever an anchor link has been clicked, if you move to another page of the website from the menu this new page will appear scrolled and not from the top.

Thanks!

Robin

mariusjopen

Dear @robin
It seems a bit strange. This is not the normal behavior.
Can you deactivate your custom CSS and see if the problem remains?
Also deactivate your plugins.

Best!

Marius

robin

I don't have anything in my custom css for mobile; I also tried to remove my custom JS code but no change.
The only plugins I use are qTranslateX and UpdraftPlus, not sure if I can deactivate them without trouble. I'm using laytheme Version: 2.6.1

mariusjopen

Dear @robin
you have something activated which makes the text scroll up later. Maybe a parallax scroll on the text box?

Best!

Marius

robin

Hey,
Indeed there is a parallax effect on the title. I removed it on this page:

http://kosmocompany.net/wordpress/about

but the problem remains. I'm a bit clueless here :(

this is the only error showing in the console, maybe that's a lead:
TypeError: l.default.hideRowsRegionIfEmpty is not a function
frontend.app.min.js:1:17094

arminunruh

cover feature:
seems to be a bug that i will need to fix. however i'm busy with something else this week, i have a deadline too.

just disable the cover feature for phone for now:
"Lay Options" -> "Cover Options" -> "Disable for Phone"

http://kosmocompany.net/wordpress/trainings-workshops

I use anchors in the links on the right to get to different positions in the page. Whenever an anchor link has been clicked, if you move to another page of the website from the menu this new page will appear scrolled and not from the top.

Ok. Add this to lay options -> custom css/html -> custom <head> content

<script>
window.laytheme.on('newpageshown', function(){
window.scrollTo(0,0);
})
</script>

robin

cool! Thanks for providing this temporary solution, I didn't even consider it.

The fix for the anchor thing doesn't seem to work surprisingly, but it's less urgent, I will also try to dig into it.

robin

Hi Armin,
did you find time to work on this bug?

arminunruh

Hey do you mean the cover bug?
Just update lay theme I fixed it yes.

robin

Hi,

sorry the bug is still there, I just updated to laytheme 2.6.5.

And now the website shows a white page in safari 9.1.2 (11601.7.7) on my macbook pro and a list of errors in the console which is obviously even more problematic.

I'm leaving it online now so you can see by yourself -> kosmocompany.net

mariusjopen

Dear @robin
the link you sent works fine.
Did you manage to solve the problem?

Many wishes!

Marius

Lay Theme Forum

cover feature bug on mobile + new page loads scrolled after anchor is used in previous page

Before you post:

When you post:

Online Users