Public Forums 71,145 posts

[hoeyeepin Friend hoeyeepinJoin date: January 2011Posts: 5Downloads:0Uploads:3]

#161445

Hi!

Please forgive my ignorance, Noob here. 2 issues that I hope someone can help me with:

1) I noticed that in the purity_ii demo site, the mega menu self-retracts after some time when the mouse is no longer on the menu link. However, on my site, it just remains there (and blocks other contents). How can I make it self-retract?

2) There is no gap between the frontpage columns on my site (see screenshot 3).
How can I make a gap between the columns (see screenshot 4)?

Thanks in advance!

---

Attachments:

1. 
2. 

[huypl Friend huyplJoin date: February 2011Posts: 162Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 20 posts]

#381389

Dear hoeyeepin,
Firstly, to solve the problem of mega menu, I hope this link can help you: http://www.joomlart.com/forums/topic/megamenu-not-hiding-on-chrome-and-firefox-4-beta/
Secondly, please send us your site’s link so that we can check your site’s css and help you.

[hoeyeepin Friend hoeyeepinJoin date: January 2011Posts: 5Downloads:0Uploads:3]

#381562

Thank you so much for your help!

1) I am unable to view the post in the link given.. maybe it is only for paying members?
2) http://www.asretec.org/jatc_purity_ii

Thanks again!

[huypl Friend huyplJoin date: February 2011Posts: 162Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 20 posts]

#381570

Hello hoeyeepin,
This is what I had posted in the link:
To solve this problem just do the following as posted by joomboom. I’ve downloaded JA Seleni and had the same problem. Then I use this way to solve the problem of Mega Menu.
1. Open templatesja_selenilibsmenubase.class.php – find the following lines:

$v->url = JURI::base();
and replace with:
$v->url = JURI::base(true).’/’;
and this line:
$itembg = ‘style=”background-image:url(‘.JURI::base().’/images/stories/’.$iParams->get(‘menu_image’).’);”‘;
replace with:
$itembg = ‘style=”background-image:url(‘.JURI::base(true).’/images/stories/’.$iParams->get(‘menu_image’).’);”‘;
and this line:
$txt = ‘<span class=”menu-image”><img src=”‘.JURI::base().’/images/stories/’.$iParams->get(‘menu_image’).'” alt=”‘.$tmp->name.'” title=”‘.$tmp->name.'” /></span><span class=”menu-title”>’ . $tmp->name . ‘</span>’;
replace with:
$txt = ‘<span class=”menu-image”><img src=”‘.JURI::base(true).’/images/stories/’.$iParams->get(‘menu_image’).'” alt=”‘.$tmp->name.'” title=”‘.$tmp->name.'” /></span><span class=”menu-title”>’ . $tmp->name . ‘</span>’;

2. Open templatesja_selenijsmenumega.js

find this line :
if (li.childcontent) li.timer = setTimeout(this.itemHide.bind(this, [li, e]), this.options.delayHide);
– and replace with this one:
if (li.childcontent) li.timer = this.itemHide.delay(this.options.delayHide, this, [li, e]);
I had tried this way and it’s good.

Concerning the gap, I suggest you this way:
Open templatesja_purity_iicsstemplate.css
Find this line:
.article-tools
and add this line between the bracket:
margin-right:20px;

[hoeyeepin Friend hoeyeepinJoin date: January 2011Posts: 5Downloads:0Uploads:3]

#381677

Hi huypl,

Awesome! It’s working well now!

Can I trouble you again to show me how to get a margin for the header and contents? They are getting truncated in the frontpage blog display.

Thanks again!

[huypl Friend huyplJoin date: February 2011Posts: 162Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 20 posts]

#382007

<em>@hoeyeepin 228093 wrote:</em><blockquote>Hi huypl,

Awesome! It’s working well now!

Can I trouble you again to show me how to get a margin for the header and contents? They are getting truncated in the frontpage blog display.

Thanks again!</blockquote>

Hi hoeyeepin,
Could you show me a picture describing your problem? 🙂

[hoeyeepin Friend hoeyeepinJoin date: January 2011Posts: 5Downloads:0Uploads:3]

#382367

Hi huypl,

Thanks for your help! Screenshot attached!

---

Attachments:

1. 

[huypl Friend huyplJoin date: February 2011Posts: 162Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 20 posts]

#382386

Hi hoeyeepin,
Please open templatesja_purity_iicsstemplate.css, find these line:
img.caption { margin-top: 5px; }
.img_caption img { margin: 5px 0 0; }
and replace with:
img.caption { margin-top: 0px; }
.img_caption img { margin: 0px; }
By the way, I can’t access to your site. Please check it.

[hoeyeepin Friend hoeyeepinJoin date: January 2011Posts: 5Downloads:0Uploads:3]

#384319

Hi huypl,

Thanks so much for your help!

Just to clarify, the words being “cut off” are actually in the article itself, not an image caption. And it happens for other articles published to the frontpage in the right column. E.g. in the screenshot, the “and”, “industry” etc are being cut off.

I’ve put the site back online if it can help to see it better.

Thanks again and apologies for the trouble!

[Author]

Posts