P
David Turner• 4,150
@brodiewebdt
Posted
Here is an article that might help with the triangle on the mobile menu. https://css-tricks.com/snippets/css/css-triangle/
Marked as helpful
0
Senay• 150
@Senay-Fekadu2
Posted
@brodiewebdt Thanks Bro
0
Design comparison
Solution retrospective
These was a Doable Challenge and a little more complex than the ones I was building but it just needs a little bit time to strategize and the rest is simple. but my question is 1 How could I create the pointy shape on the white background of the nav-items for the mobile version. 2 In JavaScript I have an if else to toggle the nav container display on and off using display: none and Display : block using a flag for the condition. but when I enlarge the screen to desktop size it apply to which shouldn't how do I Fix that problem ?
Community feedback
P
David Turner• 4,150
@brodiewebdt
Posted
Your welcome.
0
P
David Turner• 4,150
@brodiewebdt
Posted
The Javascript you are using is hiding and display the nav menus at all screen sizes. You need to re-write it to just show and hide the mobile menu. I'm not that great with Javascript so I can't help you out with that too much.
0
P
David Turner• 4,150
@brodiewebdt
Posted
The nav links disappear on desktop? I will check that later.
0
P
David Turner• 4,150
@brodiewebdt
Posted
1 )I found a way using borders that are transparent.The way I designed my menu, I couldn't get it to work though. 2) Your mobile menu is turning off on desktop for me. Is that what you mean? It works fine here.
0
Senay• 150
@Senay-Fekadu2
Posted
@brodiewebdt for the 2 nd question what I meant is that while you are on the mobile version you clicked on the humberger menu to display the navs and then click it again to turn them off and after that immediately enlarge it to desktop mode the nav buttons will be hidden which on the desktop version we haven't set that behavior and you have to reload the website to get it back again
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord