I can’t seem to find any good tutorials on the internet. I just want a simple panel or column on the far right side of my website so not make it so bare. Anyone know any simple html and css to do that?
@stevenhayes97 Check “BitDegree/learn” there are many tutorials available.
If you don’t find any we’ll help you solve our issue.
Create a file called w3.css in your assets folder and add the that you see when opening the below link to it
https://www.w3schools.com/w3css/4/w3.css
Link this css file to your page using <link rel="">
Then, add this code to your website where you want the right sided nav bar to appear.
<!-- Sidebar -->
<div class="w3-sidebar w3-light-grey w3-bar-block" style="width:25%">
<h3 class="w3-bar-item">Menu</h3>
<a href="#" class="w3-bar-item w3-button">Link 1</a>
<a href="#" class="w3-bar-item w3-button">Link 2</a>
<a href="#" class="w3-bar-item w3-button">Link 3</a>
</div>
Then, add a div where the body is located like that:
<div style="margin-left:25%" class="w3-container w3-teal">
Then, reply if it worked or not 
1 Like
Alright let me try that and I will get back to you with questions/problems.
1 Like
I got it working - thank you. Now I am on to formatting and customizing it.
Good to hear
[quote="stevenhayes97, post:5, topic:78962"] thank you [/quote]
No problem 
Any other issue please do create a new topic or PM any moderator.
[quote="stevenhayes97, post:5, topic:78962"] Now I am on to formatting and customizing it. [/quote]
Great! 
1 Like