Pode.Web icon indicating copy to clipboard operation
Pode.Web copied to clipboard

top navigation menu not responsive

Open AlonGvili opened this issue 4 years ago • 4 comments

everything is looking awesome when it is on a full page on the desktop but changing the resolution break the layout the top navbar is on top of another elements, also the mobile nav button on the right looks bigger, and the code editor not changing his size

image

AlonGvili avatar Sep 14 '21 23:09 AlonGvili

Not toooo surprising, I've never done mobile responsiveness before and always left Bootstrap to deal with it. Usually it's fine, but I guess here, especially in the nav bar there's a lot more custom elements.

The code editor I should be able to fix, and I can have a shot at the nav bar but might have to put out a call for help 👀

Badgerati avatar Sep 16 '21 21:09 Badgerati

Not toooo surprising, I've never done mobile responsiveness before and always left Bootstrap to deal with it. Usually it's fine, but I guess here, especially in the nav bar there's a lot more custom elements.

The code editor I should be able to fix, and I can have a shot at the nav bar but might have to put out a call for help 👀

i will try to find time to help with the mobile nav

AlonGvili avatar Sep 17 '21 16:09 AlonGvili

@AlonGvili Is this one of the things you're referring to (the overlap)?

image

Removing the fixed-top class from the first nav element results in this which is better although I'd reduce some of the padding:

image

robinmalik avatar Dec 27 '21 18:12 robinmalik

Hello, will anything be fixed here? and is it possible to hide the entire top part from the menu?

eugen257 avatar Feb 27 '24 11:02 eugen257