Struggle with webflow

Design help General
1

Hi, I am working on my new website for a while.
I found some bugs that I don’t know why they are happening.
https://preview.webflow.com/preview/rm-test3?preview=cf1e09bc063ce955257be195f6e37251
preview link:
http://rm-test3.webflow.io/
(I’m always confused with the public settings of Webflow…)

Here are my two problems so far:

  1. the navbar has some white margin on top. I didn’t put this! I can’t find any margin anywhere, it only show when published, but doesn’t show in preview mode.
  2. About 40% scrolling down, the page has a hick-up. The thumbnails of my work jumps a little. It’s happening on IOS, Android, Mac and Windows Google Chrome. Again, no idea why.

I am puzzled, why this is happening. Any help is welcome. I am stuck since a few days.

2

Hi @rafdesign

Please can you put in the correct share link

Regards
Paul

3

1319×766 602 KB

Your code:

<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com-->
<!-- Last Published: Sat Oct 03 2015 16:19:28 GMT+0000 (UTC) -->
<html data-wf-site="556e3cfd316aa25f73583dee" data-wf-page="560ee9a51bbeee67426e5278">
<head>
<meta charset="utf-8"><title>Home2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="Webflow"><link rel="stylesheet" type="text/css" href="https://daks2k3a4ib2z.cloudfront.net/556e3cfd316aa25f73583dee/css/rm-test3.webflow.d008b76a4.css"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>WebFont.load({
  google: {
    families: ["Domine:regular"]
  }
});
</script>
<script type="text/javascript" src="https://use.typekit.net/byo5lxi.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script type="text/javascript" src="https://daks2k3a4ib2z.cloudfront.net/0globals/modernizr-2.7.1.js"></script><link rel="shortcut icon" type="image/x-icon" href="https://daks2k3a4ib2z.cloudfront.net/img/favicon.ico">
<link rel="apple-touch-icon" href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png">
meta name=”format-detection” content=”telephone=no”
</head>

Notice this in your head. It’s displayed as text… not as a meta tag.

Missing the left and right arrows - < >

meta name=”format-detection” content=”telephone=no”

Should be

<meta name=”format-detection” content=”telephone=no”>
4

Thank you!! It finally worked!

6

I’ve changed my settings to public now, I hope this will open in Webflow.

I also did record my screen to show the “shaky effect” when scrolling down. Here is a quick video.

7

I saw the “shaky thing”… but would access to your site to see what’s causing it.

I’m still getting a 404 page when I try to open your webflow site.

Not sure if you have windows or a mac… for a mac - you can use this tool to record your screen.

http://quickcast.io/

It allows 3 and 5 min clips and can capture mouse clicks as well.

9

I can’t edit my own comment in this forum… Disreagard the previous posting. I have set up the link to access the website. It is not “public” but accessible through web flow. (Though the font Sofia via Typeset is not showing, not sure why…)

1327×736 122 KB

here is the link.

10

I think it’s your navbar. Specifically something strange about the work menu link.

Notice in the video… the width of “work” will change.

When it does… it pushes the remaining nav links down the page.

What you are seeing is not the project container / hover moving…
it’s the work navlink pushing everything after it - down the page… including all your project containers.

Not really sure why yet.

See video:

http://quick.as/omjgT64xX

11

The problem is in your NavBar.Menu

The Work NavLink.Current Display Status is Block… not Inline Block.

So when you mouseover the Work ID… it will trigger this new class setting for the element and change the display from Inline Block to Block.

You can see this when you class your navbar and

  • set it to fixed position top.

Then

  • check the display value of “Work” when the current section is not Work
  • and then when the section is “Work”.

You will see it change.

Change it and I think your issues will be solved.

See Video:
http://quick.as/vbb9sqdbx

FYI - you also have a top margin of 1 set… not a biggie. Just saying.

12

Thanks you Revolution for showing me where the problem was.
I don’t know what happened, maybe a bug. The menu would get funny margins, no matter what I tried to correct. I just did recreate a new navbar and it seems to work.
Again big thanks!!!