I have used the Symbols feature to replicate my topbar across 7 pages on my website. However, on the home page my “Communities” and “About” links are showing in a different position than on other pages. They seemingly “glitch” to the left when you go to edit the Topbar Symbol, then stay there. On other pages, they stay in their old spot to the right (the wrong spot).
At the end of the day, I want them to look like this:
Also note that when you visit the website, they first appear in one spot then glitch to the correct spot (and so does the logo - it glitches down): http://wishdish.webflow.io/
Any idea why the repositioning is happening? How do I keep them in one fixed position adjacent to the logo as pictured above?
You will want to remove all of the auto margins and large left margins and absolute positioning. from the logo and two navigation elements (including there base and combo classes).
You will want to re-order you nave items so that it goes logo, drop-down, about link. Then float each item left. On the about link give it padding of 20 on all sides to match the drop-down.
Step 1 remove margins and absolute positioning from the current state of the logo and the normal state of the logo.