Top Panel does not scroll down smoothly in FF

rkmani
Inactive member
Topic Author
Member

13 years 5 months ago #9424 by rkmani

Top Panel does not scroll down smoothly in FF was created by rkmani

I am using FF 5.0.1 and I see that the Top Panel in the Template HOT Leafs does not scroll smoothly ( www.scholarius.com ). The same is not the case with HOT Snowflake Template.

Also the panel is open the Menu overlaps on the HOT Designation module. See screen shot.

Please help me to set this right.

Attachments:

Please Log in to join the conversation.

rkmani
Inactive member
Topic Author
Member

13 years 5 months ago #9430 by rkmani

Replied by rkmani on topic Re: Top Panel does not scroll down smoothly in FF

I think I have fixed the problem.

In hot_designation.css file (modules/mod_hot_designation/tmpl/hot_designation.css)

CHANGE position:absolute

Code:

.hjt-gallery-stars-container {
    position:absolute;
	display:block;
	background-image:url('../images/hjt_stars_container.png');
	background-repeat:repeat;
	padding:6px 0 8px 20px;
}

TO position:relative

Code:

.hjt-gallery-stars-container {
    position:relative;
	display:block;
	background-image:url('../images/hjt_stars_container.png');
	background-repeat:repeat;
	padding:6px 0 8px 20px;
}

Is that right?

Please Log in to join the conversation.

rkmani
Inactive member
Topic Author
Member

13 years 5 months ago #9440 by rkmani

Replied by rkmani on topic Re: Top Panel does not scroll down smoothly in FF

Any input on why the Panel doesn't scroll smoothly in FF?

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

13 years 5 months ago #9453 by ivan.milic

Replied by ivan.milic on topic Re: Top Panel does not scroll down smoothly in FF

You have menu jQuery references , fist one I saw is to very old 1.2.3 version.
See when you View Source of page:

<script type="text/javascript" src=" www.scholarius.com/plugins/system/jceutilities/js/jquery-123.js ">

Do this:

JQUERY PROBLEMS RESOLVE

Good practice is to disable JQuery in all modules and then in index.php of template in head section add

manually reference to .

Latest version of jQuery you can download from jquery.com , link is jqueryui.com/download .
You can copy files from package to <template folder>/js/

There are 2 script and one css reference:

<link href="<???path???>/jquery-ui-1.x.xx.custom.css" rel="stylesheet" type="text/css" />

<script src="<???path???>/jquery-1.x.x.min.js" type="text/javascript" />
<script src="<???path???>/jquery-ui-1.x.xx.min.js" type="text/javascript"/>

Go to Module manager open module by bodule and whereerver you see "Load JQuery" (this name can differ form

case to case ) property disable it.
Then also go to plugin manager and do that also.

Then open index.php of template and check if there is already reference there. If yes you can just modify

it to reference new files you downloaded or delete it and put above 3 reference lines in that order as much

close to begining of <head> section as it can be.

To chack you have one and only exactly one reference use "View source" option of your browser when you go

to your site. js. References can sometimes be in place where module is rendered so you need to check all

source. Easiest way is to text-serach "jquery" in page's source.

Please Log in to join the conversation.

Time to create page: 1.693 seconds