Html – How to split the nav bar into 3 sections?
I'm making a review website, and I followed a tutorial on a navbar. The navbar is responsive. However, I need to add and edit a few of its elements, but I cannot figure out how to. I want to split…
Html – How do I make a horizontal centered navbar that doesn't stretch the whole page?
I've been wanting to make a horizontal navbar that doesn't stretch the whole page. Ended up following a tutorial on how to make a navbar that is really similar to what I have in mind (https://cssdeck.com/blog/super-simple-horizontal-navigation-bar/), the only problem is…
Bootstrap Mobile Nav Transition display not what I have programmed in CSS
In desktop and mobile screen sizes I have a white nav bar. For the mobile dropdown I want the background to be grey. I've accomplished this targeting .show on smaller screens - writing in the css for the grey background.…
Css – Navbar button doesn't show on small and tall devices
@media screen and (max-width: 1023px) { .nav__menu { position: fixed; top: -100%; left: 0; background-color: var(--body-color); width: 100%; box-shadow: 0 1px 16px hsla(210, 55%, 24%, .1); padding-block: 3.5rem 2rem; display: flex; flex-direction: column; align-items: right; row-gap: 2.5rem; transition: top .4s;…
Html – How do I keep my sticky nav bar and my top anchor?
I'm pretty new to html and css and am designing a mock portfolio for a course I'm taking. It's a single-page portfolio and we were given the instruction that each section must be 100% height specifically. This broke my sticky…
My elements are too close together. How do I space my nav elements in CSS?
I want my nav elements to be placed to the right of my webpage and it is. No problems there. My issue is that my nav elements are too close together. I expect them to be more spaced out. What…
Elementor – Why is both mobile and desktop nav menu showing on WordPress site?
Working on a WP site (site link) with Elementor Pro, my problem is that while editing the page and the site, the header looks fine, but on the live site both the mobile and desktop nav menu is showing at…
Javascript – Next.js layout strange behavior
I have no idea of why that happens, i have a layout with my navbar, but when i refresh the page the navbar blink in the screen and fade away. My app dir tree: . ├── actions.tsx ├── api │ …
Html – Navbar width greater than screen size even though width: 100%
I am building a website mobile-first and I am lost at why the width of the navbar is going outside of the screen width. I am viewing it on a 414 x 896 screen. I set width: 100%, margin and…
How can I scale the height of a drop down menu in Nav to fit its contents when opening a sub-menu?
I have multiple dropdowns within a top level dropdown menu. I have an issue where when I click to open one submenu, the contents overlaps the container. I would like to scale the container to the sub-menu contents height when…