Joomla Templates Club 406,261 posts

[rabarrig Friend rabarrigJoin date: March 2015Posts: 87Downloads:12Uploads:10 Thanks: 16 Thanked: 5 times in 2 posts]

#693328

Hello guys,

working on another project here, and I’ve come to this situation… I need to center the Main Menu below the logo image. I only have 3 items in the menu, so it looks awful. (See image 1 for current situation and image 2 for desired configuration) (Columns are not exact but you get the idea :D).

Thanks for your help, you rock!

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

#693422

Try This . . . .

Within file path —> /templates/ja_zite/css/template.css
at line 9, modify as follows:


.#ja-mainnav #ja-megamenu {
float: left;
position: relative;
right: 45%;
}

THEN, at file path —> /templates/ja_zite/css/menu/mega.css
at line 9, modify as follows:


.ja-megamenu ul.level0 li.mega a.mega {
color: #333;
font-weight: normal;
overflow: auto;
padding: 0 20px 15px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

How does that look ??

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

#749966

Try This . . . .

Within file path —> /templates/ja_zite/css/template.css
at line 9, modify as follows:


.#ja-mainnav #ja-megamenu {
float: left;
position: relative;
right: 45%;
}

THEN, at file path —> /templates/ja_zite/css/menu/mega.css
at line 9, modify as follows:


.ja-megamenu ul.level0 li.mega a.mega {
color: #333;
font-weight: normal;
overflow: auto;
padding: 0 20px 15px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

How does that look ??

[rabarrig Friend rabarrigJoin date: March 2015Posts: 87Downloads:12Uploads:10 Thanks: 16 Thanked: 5 times in 2 posts]

#693423

Can’t find the second chunk of code 🙁

I turned off CSS optimizing.. Is there a cache that must be cleaned up too?

[rabarrig Friend rabarrigJoin date: March 2015Posts: 87Downloads:12Uploads:10 Thanks: 16 Thanked: 5 times in 2 posts]

#749967

Can’t find the second chunk of code 🙁

I turned off CSS optimizing.. Is there a cache that must be cleaned up too?

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

#693426

This is odd . . . the CSS within your file structure is modified/saved, but the changes aren’t taking when I inspect the site online. :-[

I’ve even cleared the T3 cache several times.

Going to reach out to my fellow Support Team colleagues on this one.

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

#749970

This is odd . . . the CSS within your file structure is modified/saved, but the changes aren’t taking when I inspect the site online. :-[

I’ve even cleared the T3 cache several times.

Going to reach out to my fellow Support Team colleagues on this one.

[rabarrig Friend rabarrigJoin date: March 2015Posts: 87Downloads:12Uploads:10 Thanks: 16 Thanked: 5 times in 2 posts]

#693427

Thanks a lot, Tom.

If you could help me changing the background color to black too it would be awesome. 😉

I’ll stick around.

Rod.

[rabarrig Friend rabarrigJoin date: March 2015Posts: 87Downloads:12Uploads:10 Thanks: 16 Thanked: 5 times in 2 posts]

#749971

Thanks a lot, Tom.

If you could help me changing the background color to black too it would be awesome. 😉

I’ll stick around.

Rod.

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

#693457

Hi Rod,

I changed the css style directly on your site as

+ Open templates/ja_zite/css/template.css file

from

#ja-mainnav #ja-megamenu {
float: left;
position: relative;
right: 45%;
}

to

#ja-mainnav #ja-megamenu {
float: left;
position: relative;
right: 43%;
}

+ Open templates/ja_zite/css/menu/mega.css file

from

.ja-megamenu ul.level0 li.mega a.mega {
color: #333 ;
font-weight: normal;
padding: 0px 20px 15px 1em;
overflow: auto;
}

to

.ja-megamenu ul.level0 li.mega a.mega {
color: #333 ;
font-weight: normal;
padding: 8px 20px 15px 1em;
overflow: auto;
}

Now, you can see it’s working fine on your site

Regards

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

#750001

Hi Rod,

I changed the css style directly on your site as

+ Open templates/ja_zite/css/template.css file

from

#ja-mainnav #ja-megamenu {
float: left;
position: relative;
right: 45%;
}

to

#ja-mainnav #ja-megamenu {
float: left;
position: relative;
right: 43%;
}

+ Open templates/ja_zite/css/menu/mega.css file

from

.ja-megamenu ul.level0 li.mega a.mega {
color: #333 ;
font-weight: normal;
padding: 0px 20px 15px 1em;
overflow: auto;
}

to

.ja-megamenu ul.level0 li.mega a.mega {
color: #333 ;
font-weight: normal;
padding: 8px 20px 15px 1em;
overflow: auto;
}

Now, you can see it’s working fine on your site

Regards

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

#693713

I don’t understand why it wasn’t working when I made the changes for him . . . any idea, NinjaLead?

1 user says Thank You to TomC for this useful post

1. rabarrig

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

#750067

I don’t understand why it wasn’t working when I made the changes for him . . . any idea, NinjaLead?

1 user says Thank You to TomC for this useful post

1. rabarrig

[rabarrig Friend rabarrigJoin date: March 2015Posts: 87Downloads:12Uploads:10 Thanks: 16 Thanked: 5 times in 2 posts]

#693738

It’s looking fantastic, Tom, thanks a lot!

[rabarrig Friend rabarrigJoin date: March 2015Posts: 87Downloads:12Uploads:10 Thanks: 16 Thanked: 5 times in 2 posts]

#750092

It’s looking fantastic, Tom, thanks a lot!

[Author]

Posts