One Page Wonder – some issues

[Sherman]

Hello,

I’ve setted up a one page wonder page.
The scrollbehaviour works well, but as I scroll manually through the page the navigation doesn’t highlight my position on the page as seen in the demo.

Moreover there is a graphical bug with the iconboxes flipping, as they leave artifacts after the animation. On some systems they appear on some not. mac and win. (firefox 40.0.3)

Another issue is a squeezed logo on retina displays and also on the iphone 4s.

best regards
Michael

[David Martin – Support]

Can you check the login details, they are not working for me?

Retina Logo Amend:

#logo img, #logo img.retina {
    width: auto!important;
}

iPhone Logo Width Amend:

@media only screen and (max-width: 479px) {
#logo img, #logo img.retina {
    max-width: initial!important;
}
}

– David.

[Sherman]

Hey David, probably cause Iam logged in right now with that data.
I made you a new account as Support and adressed (info@swift…). Hope that helps.

I tried the code you provided and it works well for me. May be the size is too small but I will adjust it manually then.

[Sherman]

This reply has been marked as private.

[David Martin – Support]

Please post the correct login details here.

Have you set the correct IDs and section names: http://www.swiftideas.com/knowledgebase/how-to-create-a-one-page-site-using-the-one-page-navigation/

– David.

[Sherman]

This reply has been marked as private.

[David Martin – Support]

Hi,

Your theme is out of date, to resolve this please update the theme to the latest version.

– David.

[Sherman]

All updated… still not working with the one page wonder.

As for the grafic bugs i can only tell tommorow.

[Sherman]

This reply has been marked as private.

[David Martin – Support]

Hi,

It does work on your site, please take a look at this test: http://enterprise-content-managen.de/preRoll/one-pager-test/.

Can you create a new page and create just two sections, a reduced test case of what you have. It’s possible the naming convention is off on you spacers.

– David.

[Sherman]

Hey David, I will try to rebuild the landing page in a new attempt from scratch, because it actually worked on a new page.

Back to the iphone squeeze issue.
I tried your code snippets and the proportions start to fit, but the logo appears in its original size, which is 1361 x 132.
Far too big. How can i make it to fit in automatically?

best regards
Michael

[Rui Guerreiro – SUPPORT]

Hi,

Will have to forward to another colleague that has an iPhone(David is not around for a few days)
Can you also provide a screenshot so we can see exactly the current issue?

Thanks
-Rui

[Swift Ideas – Ed]

Have added some css to resolve that for you.

– Ed

[Sherman]

Amazing Guys, it works, thanks alot, now 2 of 3 issues are solved.
The last thing is the graphical Bug, which only sometimes appears. Weird things are going on as artifacts appear, when it comes to Javascript (or maybe only CSS animations?) as seen in the Screenshot in the first post.

To sum up:

Can you guys reproduce it? I tried it on several machines. Win, Mac, Chrome, Firefox. IE.
The weirdest thing is, there were no corelations, what means: If it appears its in any browser on any system. If not it doesnt appear at all on the machine.

Seems like graphics user sided, but this is the only website he could observe the issue.
Maybe some additional Javascript can help or where can I start to help debugging?

greets

[Rui Guerreiro – SUPPORT]

Hi,

I’m on mac and can’t reproduce it, it worked fine in Chrome, Safari and Firefox.
Can you replicate that error consistently? in what browser? and OS?

-Rui