Skip to content

Fix the NavBar Overflow Issue when NavBar Items are Too Many#1049

Merged
ppoffice merged 3 commits intoppoffice:masterfrom
leimao:fix_nav_bar_overflow
Mar 13, 2022
Merged

Fix the NavBar Overflow Issue when NavBar Items are Too Many#1049
ppoffice merged 3 commits intoppoffice:masterfrom
leimao:fix_nav_bar_overflow

Conversation

@leimao
Copy link
Contributor

@leimao leimao commented Mar 13, 2022

@ppoffice Feel free to merge it.

@ppoffice
Copy link
Owner

ppoffice commented Mar 13, 2022

Can you make the brand logo fixed and not scroll with rest of the navbar?

Never mind. Still it is not advised to have too many menu items.

@leimao
Copy link
Contributor Author

leimao commented Mar 13, 2022

Can you make the brand logo fixed and not scroll with rest of the navbar?

Thank you. Let me check if I can make it.

@ppoffice ppoffice merged commit 16db86b into ppoffice:master Mar 13, 2022
@leimao
Copy link
Contributor Author

leimao commented Mar 13, 2022

@ppoffice I checked the source code. The problem was the container class overflowed. So as long as the logo is in the container and we make the container to have overflow-x: auto, the logo will always scroll with the other items.
Unless, we can make sure the container class will never overflow. Otherwise, it is difficult to achieve your goal.

bibitchhetri pushed a commit to bibitchhetri/hexo-theme-icarus that referenced this pull request May 27, 2025
Fix the NavBar Overflow Issue when NavBar Items are Too Many
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants