Rolf Posted January 11, 2021 Share Posted January 11, 2021 Hello! I wanted to ask how to fix the text inside a column using w3-css. I tried using parallax, but I have no other ideas how to accomplish this.. <div class="w3-container w3-padding-64" id="about"> <div> <h3 class="w3-center">TITLE OF PAGE</h3> <p class="w3-center"><em>Subtitle</em></p> <p>Description</p> </div> <div class="w3-row"> <div class="w3-col w3-center" style="width:20%"> <a href="##">#</a> <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#H">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <a href="#O">O</a> <a href="#P">P</a> <a href="#Q">Q</a> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a> <a href="#T">U</a> <a href="#V">V</a> <a href="#W">W</a> <a href="#X">X</a> <a href="#Y">Y</a> <a href="#Z">Z</a> </div> <div class="w3-threequarter w3-col" style="margin-left:20%"> A lot of Lorem ipsum </div> </div> </div> I cleared the file from my modifications, so it may be easier to suggest edits... Thank you in advance! Link to comment Share on other sites More sharing options...
niche Posted January 12, 2021 Share Posted January 12, 2021 What do you mean by "fix"? Link to comment Share on other sites More sharing options...
dsonesuk Posted January 12, 2021 Share Posted January 12, 2021 If you mean fixed within the viewport area with no scrolling down with content, you need to use position: fixed or sticky, with properties top and left; Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now