HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by brentmeister7592 » Mon Dec 28, 2015 2:20 pm

I have been working endlessly trying to figure out how to make the navbar span the entire webpage, while keeping the contents within the normal parameters. If anyone has input, it would be greatly appreciated!
Posts
14
Joined
Mon Dec 28, 2015 2:17 pm
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by David.Feldman » Wed Dec 30, 2015 7:06 am

If you're using the default theme, you would have to edit /catalog/view/theme/default/template/common/header.tpl and change the line

Code: Select all

<div class="container">
before

Code: Select all

  <nav id="menu" class="navbar">
to a different class, or just remove the class. That alone should actually do it.

OpenCartHosting.com -- Experts at OpenCart Hosting

David.Feldman
New member
Posts
39
Joined
Fri Nov 27, 2015 12:14 am
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by brentmeister7592 » Wed Dec 30, 2015 9:47 am

David.Feldman wrote:If you're using the default theme, you would have to edit /catalog/view/theme/default/template/common/header.tpl and change the line

Code: Select all

<div class="container">
before

Code: Select all

  <nav id="menu" class="navbar">
to a different class, or just remove the class. That alone should actually do it.
Hmmm. That doesn't seem to be working unfortunately :( Any other suggestions possibly?
Posts
14
Joined
Mon Dec 28, 2015 2:17 pm
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by cyclops12 » Wed Dec 30, 2015 8:35 pm

perhaps a link to your site will help
cyclops12
Expert Member
Posts
2372
Joined
Sun Sep 27, 2015 1:10 am
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by David.Feldman » Wed Dec 30, 2015 9:01 pm

Or clarify what theme you are using.

OpenCartHosting.com -- Experts at OpenCart Hosting

David.Feldman
New member
Posts
39
Joined
Fri Nov 27, 2015 12:14 am
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by IP_CAM » Thu Dec 31, 2015 1:08 am

The MAX-Size of a Browser VIEW is defined, in most all responsive themes, and if you place your MENUE Line inside of such a GIVEN MAIN MAX-WIDTH <div...> Container, you won't be able to do it. Therefore, you would habe to place your Top menu OUTSIDE of such limitations. But I would rather not do such, it's gonna look strange..., if it ever works..., because even this BODY START 'Declaration' below possibly already includes/contains a CLASS, possibly already 'setting' some WIDTH Limitations, depending on Viewers Display resolution set, and would therefore have to be rewritten, in part, to make such work, in the first place.
<body class="<?php echo $class; ?>">
I don't know, because I did not check, on such, widely beeing unfamiliar with OC2 ::)
Good Luck
Ernie

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

User avatar
IP_CAM
Legendary Member
Posts
13059
Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by viethemes » Thu Dec 31, 2015 10:51 pm

I have made a OCMOD extension to do that. You can download it here https://www.dropbox.com/s/7di091vfywbff ... d.xml?dl=0

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others

User avatar
viethemes
Active Member
Posts
1964
Joined
Thu Jan 08, 2015 12:17 pm
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by brentmeister7592 » Fri Jan 01, 2016 12:49 am

viethemes wrote:I have made a OCMOD extension to do that. You can download it here https://www.dropbox.com/s/7di091vfywbff ... d.xml?dl=0
Thank you! That is exactly what I needed. I should have known... You have an extension for everything!

To everyone else helping out, I thank you all as well for your time and effort. Happy New Year!
Posts
14
Joined
Mon Dec 28, 2015 2:17 pm
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by IP_CAM » Sat Jan 09, 2016 1:30 am

leandrorppo seemengly wrote something similar, But I am not sure, if it really 'ignores' the
usually 'given' max-width Theme setting es well:

Image

Menu Header 100% Theme Default OC v.2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1:
http://www.opencart.com/index.php?route ... n_id=21766

Just to mention it too ! ;)
Ernie
bigmax.ch/shop/

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

User avatar
IP_CAM
Legendary Member
Posts
13059
Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by appsfinder » Fri Apr 10, 2020 5:50 pm

hi all how do I do this for opencart 3 default theme. without an extension!

I want to leave menu where it is but navbar full screen what files need editing ?

and what code needs to be added? hope you can help.

:) open cart 2.3.0.2 & 3.0.2.0

appsfinder
New member
Posts
30
Joined
Fri Feb 08, 2013 4:12 am
Top

Re: HELP! Need Help Making Navigation Bar Span Entire Page

Quote

Post by cyclops12 » Fri Apr 10, 2020 6:59 pm

See link above provided by Ernie
If you don’t want to install an extension the just download link and make changes yourself following the code ( but I wouldn’t advise it)
cyclops12
Expert Member
Posts
2372
Joined
Sun Sep 27, 2015 1:10 am
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 3 guests