Joomla Templates Club 406,261 posts

[nkamp Friend nkampJoin date: March 2006Posts: 32Downloads:6Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#191913

Hello,

I want to center the mega menu.

I think it is this two div’s:
<div id=”ja-mainnav” class=”clearfix”>
<div id=”ja-menu-button”>Navigation</div>
<div id=”ja-megamenu” class=”ja-megamenu clearfix” style=”display: block;”>

I’m trying to play with ja-mannav en the ja-megamenu class.

I see someone else has asked this question, it is solved, but no solution.

Can anyone help me out?

Nico

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#510954

So that I can try to best assist you, please provide the url of the site you’re working on.

Also, which version of JA Pursite are you working with – J2.5 or J3.0?

[nkamp Friend nkampJoin date: March 2006Posts: 32Downloads:6Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#510955

I’m still developing it on my local machine. On this moment I don’t have a url for you.

On this moment I have it more or less centered with margin: 0 50px or something, but this doesn’t work because if I add a new menu item then it is not centered anymore.
I’m looking for margin-left: auto/margin-right:auto; so that it will be allways centered.

I’m working on joomla 3.0. I have just updated the template, because I thought there was a update which I saw in Joomla update.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#510957

It’s somewhat difficult to be able to provide you with specific direction not being able to see your particular layout and spacing – with your logo and the menu. Perhaps you can provide a mockup screenshot of what you’re ultimately going for?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#510989

Hi Nico,

If possible, you can send me URL of your site and an illustrated screenshot of what you are trying to achieve, It would help to understand the issue and give you specific answers.

Regards

[nkamp Friend nkampJoin date: March 2006Posts: 32Downloads:6Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#511071

Hey Tom,

Thanks for helping. Today i have been trying to get it fixed but I didn’t succeeded. Here is my url.

I should like have the menu and the searchbar (under the menu) always centered.

I have changed these files as well:
templatesresetfashioncsstemplate.css
templatesresetfashioncssmod_jasidenews.css
templatesresetfashioncsslayout-normal.css

But I have a few questions:
1. I received a update for the template. I installed that, my changes were lost. How can I prevent that my changes in the template are getting lost? Override, but how can you override in a template.
pluginssystemjat3jat3base-themesdefaultcsstemplate.css

2. I have added top-header div for the logo. Is that done right to get good responsive? (In this version I didn’t change it for the other devices)

I hope that you can help me further.

Thanks in advance.

Nico

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#511115

You can try my solution as below

Open templates/resetfashion/css/template.css file
From

.custom_header_l > p {
width: 100%;
margin:0 150px;
}

h1.logo a {
background: none;
display: block;
width: 350px;
height: 50px;
}

h1.logo, div.logo-text h1 {
font-size: 250%;
line-height: 1;
margin: 35px 25% 20px; /*NKamp margen-right was 0 is nu 25%*/
}

#ja-social{
margin:0 -50px;
}
#ja-mainnav {
float: left;
position: relative;
margin: -5px auto -1px;
/*width: 87%;*/ /*NKamp, is meer een lucky shot, dit is niet echt centreren */
}
#ja-top {
border-bottom:1px solid #000
display: inline-block;
margin-top:15px;
margin-left: auto;
margin-right: auto;
}


change to

.custom_header_l > p {
width: 100% !important;
margin:0px auto;
}

.custom_header_l {
text-align: center;
}

h1.logo a {
background: none;
display: block;
width: 100% !important;
height: 50px;
}

h1.logo, div.logo-text h1 {
font-size: 250%;
line-height: 1;
margin: 35px 25% 20px; /*NKamp margen-right was 0 is nu 25%*/
text-align: center;
width: 100% !important;
}

#ja-social {
margin: 0px auto;
width: 50% !important;
}
#ja-mainnav {
float: left;
position: relative;
margin: -5px auto -1px;
width: 100%; /*NKamp, is meer een lucky shot, dit is niet echt centreren */
}
#ja-top {
border-bottom:1px solid #000
display: inline-block;
margin-top:15px;
margin-left: auto;
margin-right: auto;
width:100%;
}


Remember to back-up old file before doing and don’t forget to clear cache from admin area after making any changes

[nkamp Friend nkampJoin date: March 2006Posts: 32Downloads:6Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#511288

Hello Ninja Lead,

I have changed the way you told me. The top-header is not centered anymore and the menu is still on the left side.

I think the div ja-megamenu has to be centered in the div ja-mainnav or not? So, I think ja-megamenu does not to 100%, but then?

***** EDIT *****

I have fixe it, but I’m not happy from the point of maintenance.
I have changed the:
resetfashiontemplatesresetfashionjsmega.rjd.js (change embed style from display:block to inline-block)
resetfashiontemplatesresetfashioncsstemplate.css
pluginssystemjat3jat3base-themesdefaultcsstemplate.css (for #ja-search)

Nico

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#511316

Hi Nico,

You can roll-back any changes you have made so far and pm me admin account to access back-end and FTP account of your site. I shall help you out.

Regards

1 user says Thank You to Ninja Lead for this useful post

1. nkamp

[nkamp Friend nkampJoin date: March 2006Posts: 32Downloads:6Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#517278

Hello Ninja,

Thank you for helping me, but now understand a lot more of the T3 framework. I’ve mist a turn of the road and made many mistakes. I have watched all the video tuts and read the wiki pages!!!

I have build the site again and so far so good. Maybe a few things but I will first try it by myself. Although on the otherhand by experimenting what I have done, I have also seen things of the framework. Maybe when I immediatly was started with reading and watching, I had asked myself what is this? What are they talking about. Now I could place different subjects because I had already seen them.

Sorry for using you’re time without reading the documentation

Nico

1 user says Thank You to nkamp for this useful post

1. Ninja Lead

[Author]

Posts