Public Forums 71,145 posts

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#207570

Hello!

I’ve tried following code in custom.css for my footer menu, because I didn’t want the menu to be stacked.

#t3-footer .nav-pills > li {
float: left;
}

It works, but only half ways. Look at the menu items, they don’t look good…

What am I doing wrong?

Sincerely//Felix Rimfrost

---

Attachments:

1. 

Felix Rimfrost

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

#574649

What is it, specifically, you are trying to accomplish ?? :confused:

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#574655

I don’t want the menu items to be so close to each other.

Felix Rimfrost

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

#574659

<em>@felix1 478939 wrote:</em><blockquote>I don’t want the menu items to be so close to each other.</blockquote>

I’m not seeing the same footer menu items on your actual site as in the image you originally posted :confused:

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#574767

Okay, now I’ve tested on Firefox, because I know that you “nerds” always uses Firefox. 😉

Unfortunatly, I see the same problem on Firefox…

---

Attachments:

1. 

Felix Rimfrost

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

#574832

<em>@felix1 479075 wrote:</em><blockquote>Okay, now I’ve tested on Firefox, because I know that you “nerds” always uses Firefox. 😉

Unfortunatly, I see the same problem on Firefox…

</blockquote>

I still am not quite understanding . . . which elements are “too close together” and how would you prefer they display ??

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#574843

Don’t you see that the menu items “Webbkarta” and “S?k” in the red oval circle haven’t any space between them!?

If not, I don’t know how to explain my problem… :((

Felix Rimfrost

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

#574844

Ahhhhhhhhh … NOW I see what you’re referring to.

(I don’t read the language your site is in, so I didn’t know those were two separate items) :p

At line 31 within your custom.css file, try the following modification:


.nav > li > a {
padding-right: 5px;
}

Better ???

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#574850

At last! :p

I put padding-right in the code I allready had in my custom.css file, and it worked fine. 🙂

#t3-footer .nav-pills > li {
float: left;
padding-right: 5px;
}

But there is still a small problem with the two menu items. They are not in a straight line?

---

Attachments:

1. 

Felix Rimfrost

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

#574852

Try adding this into your custom.css file:


#t3-footer .nav-pills > li.item-182 {
top: 2px;
}

Better ??

1 user says Thank You to TomC for this useful post

1. felix1

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#574854

YES! :laugh:

Thanks again for your help! Now you only have to learn swedish so we don’t misunderstand each other in the future… 😉

Felix Rimfrost

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

#574856

Glad I could be of assistance . . . . All the best with your continuing site development !!! 🙂

[joit Friend joitJoin date: December 2016Posts: 15Downloads:3Uploads:1 Thanks: 1]

#995132

Thanks guys,

I had the same problem!
I wonder why this won’t be fixed.

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

#995589

@joit: You can give the URL of your site to see the problem on your site here, I will help you out

[Author]

Posts