cinolas Posted November 7, 2015 Share Posted November 7, 2015 Hello, I really like the responsive navbar provided in the 2.3.4 bootstrap version, but I would like to move it under the breadcrumb. As it is, it defaults to a position outside the bodywrapper and it's not part of the header sort order. I'm in the process of learning css, but my understanding of it all is still limited. Any tips on doing that the clean way would be greatly appreciated. Thanks! Link to comment Share on other sites More sharing options...
greasemonkey Posted November 7, 2015 Share Posted November 7, 2015 The navbar module can be found (if I recall) in the directory catalog/includes/modules/content/navigation.... And is loaded before the breadcrumb module which is found (I think) in catalog/includes/modules/content/header.... Technically you could move the navbar module (including the templates file and language file) to the header directory and the change the sort order... But I don't believe this is advisable. Link to comment Share on other sites More sharing options...
Hotclutch Posted November 7, 2015 Share Posted November 7, 2015 Or move bodyWrapper up, above navbar Link to comment Share on other sites More sharing options...
burt Posted November 7, 2015 Share Posted November 7, 2015 @@greasemonkey that is the correct procedure, or @@cinolas you can make your own navbar module and drop it into the /header/ content module. @@Hotclutch that is not advised. Link to comment Share on other sites More sharing options...
cinolas Posted November 20, 2015 Author Share Posted November 20, 2015 Thank you! That worked as advertised. There's one CSS detail I can't seem to fix though, the navbar itself appears where it should but the div is still glued to the top of the page and is just bigger to be where it needs to be, so it's covering up the store logo etc, and I can't seem to figure out why (just learning CSS...) Using Chrome's Inspect Element I dug through all the rules in effect, none seem to tell the divs in play to glue to the top, or be a certain height... the divs that are that size have the following classes: navbar navbar-inverse navbar-no-corners navbar-no-margin container-fluid collapse navbar-collapse Any idea which properties I need to overrule in user.css to clear that up? Thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.