Pass Nav Link into a button class

Hi there,

I’m currently creating my very first website through webflow. I was following “How to build a business website — Layout (Part 1 of 6)” when I had an issue with the Nav bar.

As explained into the video : https://www.youtube.com/watch?v=yJ3vsAnbi_o at 11: 50, I would like my 3 Nav link to become button class but when I try to pass my first nav link as a button class, my nav link just disappears and I don’t get why ? You will find below 2 screenshots of each step before and after my test.


Thanks a lot for your help !!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @Alban_Sirou

Can you check if the class is set to display:none or opacity:0 which would render the element invisible. If those settings are not the issue, then please share you read-only link for further help troubleshooting. Thanks in advance.

Hi Matthew,

Your help is much appreciated.
I cheked, correct me if I’m wrong but seems like neither display and opacity are issues.
Below the read-only link :

https://preview.webflow.com/preview/albans-amazing-project?utm_source=albans-amazing-project&preview=708bd349826409bfd65fa7359e377f7e

@Alban_Sirou

The .button class has some positioning applied that pushes it out of view.

If you want move the buttons inside of .button-block then use position absolute on .button-block and then use % or px to adjust the position of that container. Although it will be better for mobile responsiveness if you can not do that and instead use margins, padding, and flexbox to position items.

Hope that helps.

Got it !

Thanks for your help :slight_smile: