Joomla Templates Club 406,261 posts

[dkorres Friend dkorresJoin date: April 2007Posts: 4Downloads:0Uploads:2 Thanks: 2]

#159340

Hello, I’m having a problem with a site I’m building.

When a menu item is longer than one line, on a menu placed on the right module position, the second line is not indented as the first, but starts a little to the left – see attached photo. Any way to fix this, so that the second line starts at the same vertical point as the first line?

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#374049

You can change this::

#ja-container ul.menu li a {template.css (line 1040)
color: #333333;
display: block;
outline: medium none;
padding: 6px 0;
text-indent:13px;
text-decoration: none;
}

to

#ja-container ul.menu li a {template.css (line 1040)
color: #333333;
display: block;
outline: medium none;
padding: 6px 0 6px 13px;
text-decoration: none;
}

[dkorres Friend dkorresJoin date: April 2007Posts: 4Downloads:0Uploads:2 Thanks: 2]

#374061

Thank you for the quick reply – however, even though it fixes the problem, it creates a new one: this time, second-level (submenu) items exhibit the same behaviour (first line indented more than the second), which did not happen before my editing the css file. Once again, pls. see the attached screenshot – any ideas?

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#374237

<em>@dkorres 217953 wrote:</em><blockquote>Thank you for the quick reply – however, even though it fixes the problem, it creates a new one: this time, second-level (submenu) items exhibit the same behaviour (first line indented more than the second), which did not happen before my editing the css file. Once again, pls. see the attached screenshot – any ideas?</blockquote>

You can try remove this::

#ja-container ul.menu li li a {template.css (line 1064)
color: #333333 !important;
font-weight: normal !important;
text-indent: 10px; >> remove
}

1 user says Thank You to aman204 for this useful post

1. dkorres

[dkorres Friend dkorresJoin date: April 2007Posts: 4Downloads:0Uploads:2 Thanks: 2]

#374292

that fixed it – thank you!

[Author]

Posts