im using react and boostrap 5 to build a website, im still a novice learning css and bootstrap5. I need a little bit of help cause and i cant put the navbar over a background image and have it stick…
I have a navbar with some Link pointing to other pages and other Links pointing to sections of pages I want to know which section is currently active. I tried the usePathname as suggested in the docuemntation but this only…
/* ************************** */ /* BELOW 1350px (Smaller dekstops) */ /* ************************** */ @media (max-width: 84.5em) { .sticky-note { width: 30rem; height: 30rem; } .motto-heading { font-size: 5.2rem; } .product-description { font-size: 1rem; } } /* ************************** */ /* BELOW 1200px…
I found this mobile navigation menu template: https://codepen.io/Tyutyesz/pen/KKdEjwr When I tested it and pasted the menu's code for html editor, there is little space between ul element and menu class="navigation__wrapper" (space marked with red borders): Codepen is not showing this…
I am trying to change the System Navigation Bar Color in my app with below code. SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle( systemNavigationBarColor: Colors.white,)); I am able to change it but when i navigate to other screen it changes back to its original color which…
I am currently studying Code Academy - Front End Developer course and next to it, I am trying to create my website.. I am really trying as this is my first time doing such thing. And I am already feeling…
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…
I'm creating a simple website for my intro to web design class. I'm trying to make a centered navbar with six list items. As the user hovers over an item, the background changes from teal to white. My issue is…
I created a react component, to login into an app. When I try to get the name from localStorage and use it to add it as a string to a login navbar I get an error. In My component is…
I gave my navbar the property of display: flex; and I also want the navbar to be fixed. Why position: fixed; doesn't work but position: sticky; is working for the same? As soon as I added the property of position:…