Joomla Templates Club 406,261 posts

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#682166

Hi, how I can move the menu, in this case move it down?

thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#682215

Hi

Try to add to the custom.css file this line of code

.t3-megamenu > .navbar-nav {
margin:50px;
}

1 user says Thank You to pavit for this useful post

1. titorus

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#747749

Hi

Try to add to the custom.css file this line of code

.t3-megamenu > .navbar-nav {
margin:50px;
}

1 user says Thank You to pavit for this useful post

1. titorus

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#682712

OK, it works, but I have a problem, if you increase the margin on 70px, the menu is divided into 2 lines and the size of the space between the menu and the main banner increases, how I can move the menu down without affecting the distance with banner below or to divide into 2 lines?

thanks

Thanks

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#747995

OK, it works, but I have a problem, if you increase the margin on 70px, the menu is divided into 2 lines and the size of the space between the menu and the main banner increases, how I can move the menu down without affecting the distance with banner below or to divide into 2 lines?

thanks

Thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#682714

Hi

Try in this way :

Open this file templatesja_charitytplsblocksheader.php around line 95 find this :

<div class="col-sm-12 col-lg-9">
<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>
</nav>
</div>

Change the code in red to

<div class=”col-sm-9 col-lg-9″>

So it become

<div class="col-sm-9 col-lg-9">
<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>
</nav>
</div>

1 user says Thank You to pavit for this useful post

1. titorus

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#747997

Hi

Try in this way :

Open this file templatesja_charitytplsblocksheader.php around line 95 find this :

<div class="col-sm-12 col-lg-9">
<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>
</nav>
</div>

Change the code in red to

<div class=”col-sm-9 col-lg-9″>

So it become

<div class="col-sm-9 col-lg-9">
<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>
</nav>
</div>

1 user says Thank You to pavit for this useful post

1. titorus

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#682718

The problem remains, if I put the margin to 60px, the distance between the menu and the main banner increases, if placed 70px is divided into 2 lines.

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#748001

The problem remains, if I put the margin to 60px, the distance between the menu and the main banner increases, if placed 70px is divided into 2 lines.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#682719

<em>@titorus 491295 wrote:</em><blockquote>The problem remains, if I put the margin to 60px, the distance between the menu and the main banner increases, if placed 70px is divided into 2 lines.</blockquote>

Please post a screen shot of your desired layout for it because it is not clear to me how you want it

1 user says Thank You to pavit for this useful post

1. titorus

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#748002

<em>@titorus 491295 wrote:</em><blockquote>The problem remains, if I put the margin to 60px, the distance between the menu and the main banner increases, if placed 70px is divided into 2 lines.</blockquote>

Please post a screen shot of your desired layout for it because it is not clear to me how you want it

1 user says Thank You to pavit for this useful post

1. titorus

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#682722

like image attach, thanks

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#748005

like image attach, thanks

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#684175

Hi @titorus,

Please open file templates/ja_charity/local/css/themes/eathisa/custom.css then remove this code :

.t3-megamenu > .navbar-nav {
margin: 50px;
}

look for this code :

.t3-megamenu > .navbar-nav {
margin: 50px;
background: #808080;
}

and change the margin property to margin-top, increase the value as you want :

.t3-megamenu > .navbar-nav {
margin-top: 50px;
background: #808080;
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#748639

Hi @titorus,

Please open file templates/ja_charity/local/css/themes/eathisa/custom.css then remove this code :

.t3-megamenu > .navbar-nav {
margin: 50px;
}

look for this code :

.t3-megamenu > .navbar-nav {
margin: 50px;
background: #808080;
}

and change the margin property to margin-top, increase the value as you want :

.t3-megamenu > .navbar-nav {
margin-top: 50px;
background: #808080;
}

[Author]

Posts