Public Forums 71,145 posts

[tom_laan84 Friend tom_laan84Join date: June 2008Posts: 348Downloads:142Uploads:30 Thanks: 88 Thanked: 67 times in 11 posts]

#185442

Hi Guys,

I’m trying to put the mega menu next to the logo.

I’m working in tpls->blocks->

The logo is set from span8 back to span4 in the header.php and i removed the head-search.

I placed the megamenu code from mainnav.php instead of head-search. First it displayed under the logo.

Then i changed the first line of code in the megamenu code from:

<nav id="t3-mainnav" class="wrap t3-mainnav">


to

<nav id="t3-mainnav" class="span8 t3-mainnav">


Now it is sitting on the right side of the logo.

Works great http://voortouw.tlwebdesign.nl/, now only thing is, the width of the megamenu is still as wide as the template (932px).

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 932px; }

Can’t seem where to find this code (in .less).

Hope someone can help me out on this one!

Help greatly appreciated.

[tom_laan84 Friend tom_laan84Join date: June 2008Posts: 348Downloads:142Uploads:30 Thanks: 88 Thanked: 67 times in 11 posts]

#485128

Hmm seems like i figured a “workaround” but i really like to do it the right way.

i did the following:

changed the following code in the blocks -> header.php

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="span8 t3-mainnav">
<div class="container navbar">

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="span8 t3-mainnav">
<div class="containernav navbar">

and in the plugins->system->t3->base->bootstrap->less-> mixins.less

i changed code from line 608 from:

// Set the container width, and override it for fixed navbars in media queries

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container { .span(@gridColumns); }
to

// Set the container width, and override it for fixed navbars in media queries
.container { .span(@gridColumns); }

.containernav,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container { .span(@gridColumns - 4); }

this did the trick: the white space next to the template is gone now. But i had to change a “core” file. i really hate to do that. is there a better way for this? Can i place the mixins.less inside the template as an “override” with just the edited code in it? and where would i place it then?

Regards

Tom

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#486100

Dear Tom,

If you want to make change in less file, you need to backup these changes first before updating the core plugin.

For changing in css file, we provide a css file named ‘custom.css’ in template folder, you can add your override css there, so that when you update T3 plugin or compiling less to css, your change will not be affected.

Regards

[Author]

Posts