Three questions 2 on working with the nav bar

Bootstrap Studio Help
1

I posted this as a sample site I am working on, you can see it here.
https://panama-work.bss.design

I have a lot of pages already ready to go. Many of them are just a copy of one right now I need to change but I have them all linked together, working.

Is there a way to add a new menu item in one page and have that new menu item show up on all the pages in the menu so I don’t have to go to every single page and recreate it?
Same thing with the footer. Over time I’ve got some things that need to be changed. Over time, the site will expand much larger with more and more pages and blog post pages.

For the nav bar, I need to add in two more links.

Also for the nav bar I don’t understand I watched the video on how to have the current item for the page you’re on selected in a different color I can’t seem to figure out how to do that.
Also in the video tutorials it says watch some of the other videos that well they have never been made yet it looks like.
So maybe the current page could be in a yellow text link and the other pages could be in the light blue color I have.
I see I did not make them all blue, some are white, so I guess I’m going to have to go back to every single page and change that as well unless there’s a way to do this in one place. It goes across all pages.?

I’m planning on using the blog feature for a second area where I’m instead of bringing up blog posts it will bring up some pages into a page displayed like a blog post for people to click on. Looks like that won’t be a problem the way this works. That would be one of the newer links that I need to create in the menu system.

On the blog page, I can’t seem to figure out what setting to use to control the background behind the blog area. If you look at it now…It has a little bit of a blue area coming down behind the blog post loop. I think that whole blue area should be behind the whole entire blog area.
I think I have something set wrong that’s controlling the area that the blog loop is showing up in that it’s not working like it should.
I had to change some settings because the row of the three blog items were actually over the top of the footer so I had to change something to leave some space but I think if it adds another row of three they’re going to go down on top of the footer area.

2

There are overflow issues with your navigation menu as you reduce the browser width. I haven’t looked at the code, but my guess is you’re overriding some aspect of Bootstrap’s built-in responsive behavior and/or using the Options > Text Options > No Wrap setting on your navbar links. You can use flexbox settings on the navbar to have the links wrap to a second line, rather than “stack” and overflow the page.

When building your website, you want to always check how the responsiveness behaves across all the screen sizes, from mobile (300 px) to tablets, laptops, and the largest desktop you want to support. You can do this within BSS, or use Chrome F12 Developers tools on a preview of your website page, and use the responsive option to simulate any device screen width.

image
image638×422 96.5 KB

3

Take a look at this website and the Navigation Menu. Shrink the browser width and you will see what I’m talking about in terms of how the links wrap, and do not stack.

4

I think I have this fixed now on the home page. It goes to the hamburger menu now.

Is there not a way that I could fix this in one place and it applies it to all menu items on every page? Because it’s not fixed on all the other pages by fixing it in one area.
This is a massive amount of pages to keep needing to fix the menu for or to be adding a new menu item to every time.This site will expand out quite larger over time with more menu items needing to be added, like more towns and so on..

Is there not a way to have a global top menu bar that when you change that it applies to all the pages?

5

Now whatever I did on the homepage, the big mega drop down menu no longer works. I didn’t even highlight that area.

6

I reverted it back and then changed it. I think I have the drop-down menu working again.