Rolf 0 Posted Monday at 09:02 AM Report Share Posted Monday at 09:02 AM 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 133 Posted Tuesday at 06:08 PM Report Share Posted Tuesday at 06:08 PM What do you mean by "fix"? Quote Link to post Share on other sites
dsonesuk 913 Posted Tuesday at 08:33 PM Report Share Posted Tuesday at 08:33 PM 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.