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?
I’ve recreated something similar here and it works perfectly, as expected. (excuse the sidebar formatting)
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!
I was actually able to fix it in the read-only version by doing the following:
- Change “Main Content Div” to 100% width
- Change “Main Content Div” to Position: auto
- 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
Hmmmm, I tried those three steps you provided but it doesn’t look right at all.
Oops, I failed to write down an important final step:
Change “main container” to right-margin: 0px.
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
Thanks again for your help!
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.
@JustJoe You’ll need to publish the site and also share a read-only link that is up to date with the new issues.
Seems to work fine! I guess you fixed it
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!