Joomla Templates Club 406,261 posts

[dionysis77 Friend dionysis77Join date: December 2014Posts: 20Downloads:60Uploads:0 Thanks: 6]

#732134

Please how it’s possible to wrap the text in the teline IV mega menu?

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

#754017

Hi,

Open templates/ja_teline_iv_t3/tpls/blocks/mainnav.php file and look at the screenshot and change it as my highlight text below

Regards

[dionysis77 Friend dionysis77Join date: December 2014Posts: 20Downloads:60Uploads:0 Thanks: 6]

#754045

Thank you!
But, Please where can I find that mainnav.php file?
I can’t find it in templates/ja_teline_iv_t3/tpls/blocks/.
I use teline iv 2.5.4 version (Jommla 3+).

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

#754110

<em>@dionysis77 501432 wrote:</em><blockquote>Thank you!
But, Please where can I find that mainnav.php file?
I can’t find it in templates/ja_teline_iv_t3/tpls/blocks/.
I use teline iv 2.5.4 version (Jommla 3+).</blockquote>

With teline iv 2.5.4 version, it’s very hard to do this, but you can try to use this way

+ Open templates/ja_teline_iv/blocks/header.php file and add new js script

<script type="text/javascript">
(function($){
$(document).ready(function(){
var list_menu = $('#ja-mainnav .ja-megamenu ul.level0 li.mega.haschild');
for(var i = 0; i < list_menu.length; i++) {
if (list_menu.innerText.length > 30) {
list_menu.className = list_menu.className + ' word-wrap'
}
}

});
})(jQuery);
</script>

+ Open templates/ja_teline_iv/css/template.css file and add new css style


#ja-mainnav .ja-megamenu ul.level0 li.mega.word-wrap {
word-wrap: break-word;
width: 170px;
}


Once done, remember to clear cache from admin area.

[dionysis77 Friend dionysis77Join date: December 2014Posts: 20Downloads:60Uploads:0 Thanks: 6]

#754314

Unfortunately there is no result!

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

#754330

<em>@dionysis77 501819 wrote:</em><blockquote>Unfortunately there is no result!</blockquote>

Look at the screenshot:

Is this what you’re trying to achieve?

[dionysis77 Friend dionysis77Join date: December 2014Posts: 20Downloads:60Uploads:0 Thanks: 6]

#754362

Yes, that is what I want!

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

#754377

<em>@dionysis77 501911 wrote:</em><blockquote>Yes, that is what I want!</blockquote>

My solution #4 will help you to do that. If you could not solve it, you can pm me the URL, admin login of your site and FTP account. I will help you out

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

1. dionysis77

[Author]

Posts