Hi friends,
I am making this website for a client.
Please Kindly go to the academy page, and then under the curriculum section.
The buttons in the top two div boxes should show and hide content when they are pressed. Currently, when pressed they either scroll down at uneven rates (from settings designed and removed about 6 months ago) or they are not responsive if clicked on the first click, they must be clicked twice and then they scroll up funny.
I’m at my wits end. I have tried to solve this many ways and I am willing to rebuild it but I don’t know what is going on. I removed the legacy interactions. Each button has it’s interactions duplicated from the other, yet the animation sequence is different.
Please help.
I just went through your site. So here are the first issues to fix:
Remove all the “Top & Bottom Margins”. Positive and negative margins are unnecessary and generally cause a lot of problems down the road. Doing that will cause your page elements to falsely rise and fall when they don’t need to. Subsequently, when you add interactions, the margins will definitely throw off your desired effect. Stay away from using top/bottom margins if possible. I understand you’re trying to add spacing above and below. The best way to create white space is to use “inner padding” on an entire section, not elements inside. Here’s a quick video:
After you adjust these settings. Try your button interactions again to see how it flows on the page. If there’s still a problem, shoot a message to me and I can show you how to fix it.
Wow G.J. Thanks! That was very helpful. I will definitely do that.
The thing I need the most help on is on the Curriculum section of the site (in the black menu) the show and hide section there is all screwy. Could you take a look?!
Use a “Slide Out” interaction for those 2 buttons.
Bootcamp Pro - Slide out from left
Bootcamp Remote - Slide out from right
This format will eliminate - moving objects to show, viewport and screensize visibility and it will become an overlay so no other objects will be effected.
That would totally solve your problem I do a quick video for you and post it here. Follow the steps and you’ll be done!
Are you still in the site now? I’ll go in and re-activate those buttons for the slide out.
They are hidden currently- they are called Evolve Bootcamp Experience Remote, Evolve Bootcamp Experience Pro. I was in the site now, but I can get out?!
Thanks,
Natalie
OMG! I forgot to do your video today. I promise if you remind me I won’t forget tomorrow
I got busy and it just passed my mind. Remind me tomorrow morning.
Whoa I thought you fixed everything after so long Sure I don’t mind at all. You may need to refresh my memory if something has changed. Is the first thread still the same? Let me know specifically what’s needed.
I do a quick video for you and post it here. Follow the steps and you’ll be done!
Sure I don’t mind at all. You may need to refresh my memory if something has changed. Is the first thread still the same? Let me know specifically what’s needed.