Rolf 0 Posted January 11 Report Share Posted January 11 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! Quote Link to post Share on other sites
niche 137 Posted January 12 Report Share Posted January 12 What do you mean by "fix"? Quote Link to post Share on other sites
dsonesuk 914 Posted January 12 Report Share Posted January 12 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; Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.