OK, let it stay then
Ok did everything like your example. How do I make the social media buttons appear in the menu bar when its opened in mobile view?
Well, you can make a duplicate and place them inside the menu styling to your liking. There will be two instances though.
I think I found a solution. I placed them in a div inside the navbar and I’m using relative position to move it to the right on the desktop view. For some reason my main navbar isn’t centered anymore though and I can’t explain why.
Because your links are being affected by the social links group. When they were absolutely positioned it wasn’t the case.
I mean like there is a huge space on the right of the links like if it’s aligned to the left. If I use absolute position on the social media links div block it becomes all weird.
Edit: Actually you’re right. I set it back to absolute and just adjusted the position to -100% and it’s better. I can’t set it be all the way to the right because then it gets hidden on smaller screens.
You can put all your navlinks into yet another div, then give your Nav Menu 2 width of 100%. Then you set your div with social links to 0% right and it will be all the way to the right.
That solves it but now the main links are very spaced apart. How should I make them closer together?
EDIT: Lmao nevermind. I had huge margins on the links
Thank you so much for all your help!
Glad to help. Just in case I strongly suggest going through every tutorial here, trying to replicate everything tutorials talk about. They are very detailed and once finished you will know 99 percent of stuff there is to know about working in WF. Good luck!