Joomla Templates Club 406,261 posts

[karca Friend karcaJoin date: July 2011Posts: 47Downloads:0Uploads:18 Thanks: 11]

#566384

Hi Ninja Lead, I just found out that because of css styles for centering Bonus Menu I have messed up footer navigation and also have some other bugs in other parts of web too (eg. in blog style there are more articles in the list mixed, in one article which is divided to more parts (pages) there is not the correct display of content).

See pictures:
Footer links
bad –
good –

More articles
bad –
good –

Content of article:
bad –
I cannot add other picture because of image limit.

Please can you take a look and help me with this issue?

---

Attachments:

1. 
2. 
3. 
4. 
5. 

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

#566401

You can fix both the problems of footer and more article with my solution below

Open templates/ja_appolio/css/custom.css file and add new rule


.t3-footnav .t3-module .module-ct ul.nav > li {
display: inline !important;
}

.items-more .nav > li {
display: inline !important;
}


About adding more image, since Images and links tab in Article only supports intro image and full image, you will have to add them into content article, see the screenshot

---

Attachments:

1. 

[karca Friend karcaJoin date: July 2011Posts: 47Downloads:0Uploads:18 Thanks: 11]

#566521

Hi Ninja Lead, thank you for the new code – I added it and it helped with footer and more articles. But I have also issue with table of content. What I meant with image limit was that I wanted to add 1 more image to this post about centering menu 🙂 So what I want to show was, that how it looks now:

bad –
and how it should look (good) –

Please can you help with this one too? Thank you!

---

Attachments:

1. 
2. 

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

#566525

Try this again

Open templates/ja_appolio/css/custom.css file

find and change


.nav > li {
display: inline-block;
float: none;
}

to


.t3-mainnav .navbar-nav > li {
display: inline-block;
float: none;
}


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

1. karca

[karca Friend karcaJoin date: July 2011Posts: 47Downloads:0Uploads:18 Thanks: 11]

#566583

Ninja Lead, thank you very much!!!

[Author]

Posts