Full width header and top menu/nav bar...

Hi all.

This may be my first post here. First of all... I would like to say thank you to all who participate in this forum. I am one of those stubborn people who will spend hours to figure out how to do something rather than ask someone... which is good when it comes to experience and certain things... but, you all deserve to spread your knowledge and experience with others who are in need - especially if you are willing to do so.

With that being said... I would like to reach out for help... and hopefully become a part of this community. I would love to share anything I can in return for your guidance.

I have spent the last hour trying to figure out how to make the header and menu/nav bar full width.

I believe I am doing everything correct... but, apparently not. It is basic CSS... and I have edited the .twig files. Either those are not the correct files to edit... or my browser does not want to load the changes even after clearing the cache.

If anyone out there is willing to help... I would appreciate it very much. This is such a simple task when it comes to CSS and html... just think I may be missing something small. When I go to inspect the code that I changed in the CSS or the .twig file... it does not appear to change. When I check the files on the server... they are changed. It really does not make sense as if I clear the cache, the CSS files change. Not sure why the .twig files would not.

I have attached a photo of what it is I am seeking to accomplish. I have the latest version of Open Cart, installed.

Please, do not laugh at me!

Thank you for your time.

Just wanted to post that I figured out the issue... before someone takes the time to explain this.

It seems that when I edited the .twig template file and manually uploaded it through FTP, it was not replacing the file. By editing it through the Open Cart admin panel, it updates your changes.

Worked exactly how it should!

Just remember to edit the .twig files from the admin control panel...

I would like to reach out for help... and hopefully become a part of this community.
I would love to share anything I can in return...

Well, the best thing to share is your Credit Cart Number , or at least a Donation,
once in a while, because OpenCart is all about Money, for most everybody involved.
Still, better not expect free Heaven, and/or hundred's of Friends, it's more an Anchorage-
type of Climate here, and those without Jacket and Cap can easy catch a Cold.
---
The best way would therefore be, get familiar with OC first a little, by reading about the
most important OC Things, or then, one risks, to likely be ignored after a while, since
those, not able to 'handle' OC, will soon leave the Scene anyway, as it happen thousands
of times already before. It's like in any Business, independently of, if the Tools come
for free or not!
---
A few of very many Google-indexed Info Sites on OC:
https://isenselabs.com/books/allbooks
https://www.w3schools.com/css/css_howto.asp
https://www.w3schools.com/booTsTrap/default.asp
https://www.fastcomet.com/tutorials/opencart2
https://code.tutsplus.com/categories/opencart
http://www.opencartnews.com/category/tutorials/
http://www.opencartexpress.com/how-to-use-ocmod
https://www.inmotionhosting.com/support/edu/opencart
https://shopencart.com/index.php?route= ... ry&ncat=60
https://www.templatemonster.com/help/ec ... tutorials/
https://www.imakeitwork.net/what-is-vqm ... rt-system/
https://code.tutsplus.com/articles/from ... -cms-21737
---
And don't worry about the Fact, that OC-3 Info is not yet found in
large Numbers, if you're familiar with OC-2, your won't have a problem!
---
But to your Problem:
You could try to 'enlarge' the @media - Value in the bootstrap.css File: in different steps, to keep the Containiner Size in Relation:
(Random Numbers shown below, nothing tested!) But this might not look so well, because many other 'things'
might need to be readjusted as well, to make the Pages looking good.
Good Luck!
Ernie