Joomla Templates Club 406,261 posts

[Chantelle Goldstraw Friend Chantelle GoldstrawJoin date: September 2014Posts: 67Downloads:0Uploads:0 Thanks: 13 Thanked: 5 times in 1 posts]

#137506

Hi all, I am having a problem with teh footer menu in USer 3 displays squashed and unreadable.

Guessing CSS problem, but can anybody shed light on this for me and what did I do wrong, I only added a new menu. no custom mods at all.

Thanks

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#288304

Open template.css (line 1262)…

#ja-footer li a {
display:inline;
padding:0 10px;
}


your padding line should be the same as the one above.

[Chantelle Goldstraw Friend Chantelle GoldstrawJoin date: September 2014Posts: 67Downloads:0Uploads:0 Thanks: 13 Thanked: 5 times in 1 posts]

#288373

<em>@scotty 108354 wrote:</em><blockquote>Open template.css (line 1262)…

#ja-footer li a {
display:inline;
padding:0 10px;
}


your padding line should be the same as the one above.</blockquote>
My CSS is exactly as above, which is why I am a little confused. Where should I search next.

I have tried it in a number of browsers and it appears teh same in them all, very squashed.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#288416

Open the menu in the menu manager and see that it is set to ‘List’ in the parameters.

[Chantelle Goldstraw Friend Chantelle GoldstrawJoin date: September 2014Posts: 67Downloads:0Uploads:0 Thanks: 13 Thanked: 5 times in 1 posts]

#288433

It is already set to list. I have also tried the legacy list but that certainly didnt work as I expected.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#288446

Do you have a live URL?

[Chantelle Goldstraw Friend Chantelle GoldstrawJoin date: September 2014Posts: 67Downloads:0Uploads:0 Thanks: 13 Thanked: 5 times in 1 posts]

#288448

<em>@scotty 108533 wrote:</em><blockquote>Do you have a live URL?</blockquote>
Yes mate.

http://www.potent-websites.com/mazuma

Thanks

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#288451

I see no menu there at all! lol :confused:

[Chantelle Goldstraw Friend Chantelle GoldstrawJoin date: September 2014Posts: 67Downloads:0Uploads:0 Thanks: 13 Thanked: 5 times in 1 posts]

#288455

<em>@telbino 108535 wrote:</em><blockquote>Yes mate.

http://www.potent-websites.com/mazuma

Thanks</blockquote>
OOPS lol! I un published it and forgot to put it back lol. try now mate!

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#288462

Ok 2 things…

As you can see from the CSS I posted above the padding of 10px that is applied to the arrow is only applied to links – #ja-footer li a. As these are separators and not actually links yet that is why the arrow is not in the correct place.

Also if you open your menu again in the Module manager and open ‘Advanced Parameters’, you should have -nav in the Menu Class Suffix box.

So… make the menu items links and add the suffix and it should all be fine.

1 user says Thank You to scotty for this useful post

1. Chantelle Goldstraw

[Chantelle Goldstraw Friend Chantelle GoldstrawJoin date: September 2014Posts: 67Downloads:0Uploads:0 Thanks: 13 Thanked: 5 times in 1 posts]

#288505

Its a great learning curve this, I love this forum. Unfortunately this hasn’t worked either which is odd as I was sure you were correct. I have attached some screen shots of my module settings.

What else is missing? Very Odd indeed.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#288599

They’re still not links. Have a look at the first part of my post again. They need to be links for the css to apply. The first one, ‘About Us’, looks correct because it is a link already.

1 user says Thank You to scotty for this useful post

1. Chantelle Goldstraw

[Chantelle Goldstraw Friend Chantelle GoldstrawJoin date: September 2014Posts: 67Downloads:0Uploads:0 Thanks: 13 Thanked: 5 times in 1 posts]

#288637

Okay the penny has dropped. DOH! I understand now, I forgot I made them Alaises until I finished teh pages.
DOH, sorry for being dossile! lol.

Again thanks for your great help and patients.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#288665

lol, no problem.

To make them empty links that don’t point anywhere just make them External links and use # as the URL. This just links to the top of the page.

[Author]

Posts