Anchor tags on anything other than sections

I’m new to Webflow and I’m working on a site just to get the hang of things. I’m trying to do a vertical split design where the left side of the site remains fixed and the content flows on the right. The only way I could figure this out was to use two divs inside of a section since I can’t nest divs. I’m creating text links and I want them to link to different parts on the right. I have set IDs on headings and wrapped some content inside of divs and added the ID to the div but the anchor links don’t scroll anywhere or do anything, really. Will anchors only work on sections? Am I building this the wrong way?

< Read-only link here >

< Published site here >

Hey Joe,

I’ve recreated something similar here and it works perfectly, as expected. (excuse the sidebar formatting)
http://eric564564.webflow.io/

I bet it’s because you’re using Fixed position for the content divs. That’s the only difference I can see.

Here is the read-only link so you can compare the positioning settings: https://preview.webflow.com/preview/eric564564?preview=21ec78c8667858602a0450dddb0e54b7

Let us know what you find out!
-Eric

@nderic, thank you! I’ll look at how you set this up and see if I can get it to work.

I was actually able to fix it in the read-only version by doing the following:

  1. Change “Main Content Div” to 100% width
  2. Change “Main Content Div” to Position: auto
  3. Change “main container” to 70% width

By the way: “Lettering” is in the same viewport height as About Me so it doesn’t move much.

Hope that helps :slight_smile:

Hmmmm, I tried those three steps you provided but it doesn’t look right at all.

@JustJoe Did you publish your changes so we can see? Unless I totally misunderstood what you’re trying to do… is my example at http://eric564564.webflow.io/ what you’re looking to achieve?

Oops, I failed to write down an important final step:
Change “main container” to right-margin: 0px.

:slight_smile:

I’m not sure if this is correct in terms of coding but I changed Navigation Div to Position: auto, float: left, then back to Position: fixed. Then I changed Main Content Div to Position: Auto and Float: right and it seems to be working just fine.

Ya I believe float:right would work the same as right-margin:0px in this instance.
Sorry I didn’t mention the 4th step earlier!
Glad we got it working :slight_smile:

Cheers!

Thanks again for your help!

1 Like

I have no idea what I did. It was working fine, I made a few tweaks to the main content div and now the links are not working in desktop view again. :frowning:

@JustJoe You’ll need to publish the site and also share a read-only link that is up to date with the new issues.

Sorry about that.

< READ ONLY LINK >

<LIVE SITE >

Seems to work fine! I guess you fixed it :slight_smile:

Nevermind, I think I figured it out. I had set one of the divs to 100VH for some reason. It seems to be working again now. Sorry for the back and forth!