I am a huge newbie to coding and a lot of what I'm doing right now is bashing my head against the keyboard, but I wanted to double check to make sure its at least productive head bashing.

Can I customize my user profile to hide the columns until a button is clicked that reveals them? I've seen pet profiles do this, but I've also read that the two types of profile are different in how customizable they are... ;w;

If you're talking about pet profiles that have tabs to display information then yes I quickly tried it out to be sure.

If you want some assistance later just please let me know.

Tabs are even Better for what I want, but I need it to work on my user profile, not pet xwx/

I meant I tried it out on my user profile.

I was just trying to be clear on what I thought you meant when you referring to pet profile customization.

:0! AH, I misunderstood~ thank you, I’m glad it’s possible. I’m going to give it another shot this week probably, should I really hit a wall I might be @ ing you again 😅👍

Hey wondering how it is going with your profile, if you haven't figured out how to do it I put a way to accomplish it underneath inside the spoiler incase you want to keep trying on your own.

SPOILER (click to toggle)

Some notes to keep in mind:

• I grabbed the code you had on your profile, put it in the code tag as well cleaned up the css (making copy and paste everything in the code block easy)
• The style tag {...} block and down is what I added and for html added div with id being nav
• setting position to fixed allows it to appear outside the column
• background-color: ; is used so the columns behind the active one are not visivble and blends with the current background colour used on the entire page

Didn't put much into the styling, if you need any help/advice or questions on anything more about this please ping me

<style> .dropdown { display: inline-block; position: relative; } .dropdown-content { display: none; position: absolute; } .dropdown:hover .dropdown-content { display: block; } , , { position: absolute; height: 400px; width: 1080px; top: 50%; left: 50%; margin-top: -200px; margin-left: -504px; overflow: auto; } /* Positions all the tabs */ { position: fixed; top: 20%; left: 53%; transform: translateX(-50%); } /* Applies style to all the tabs */ { background-color: darkorange; padding: 10px; font-size: large; border-radius: 15px; } /*The column that will be shown by default */ { z-index: 1; background-color: ; } /*When a tab is selected this will make it appear infront of all columns*/ :target, :target, :target { z-index: 10; background-color: ; } </style>

Hello World!

Column 1 Column 2 Column 3