ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
Front Page Scrolls Far Beyond Template Showing blank space
-
-
- stephiematt
- Newbie
- Posts: 6
- Thanks: 0
-
Hello,
I'm using the Nebulae template and I'm having a problem with the home page and a few other pages with scrolling. There is very little content on the page but is scrolls far beyond the template and I'm not sure how to fix it. I can't understand why this particular page has this problem and most of the others do not. The problem can be seen at: www.starstudded3vents.com .
Thanks for any help you can offer.
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
- It appears that the scrolling issue was fixed. Did you need additional help?
- B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- stephiematt
- Newbie
- Posts: 6
- Thanks: 0
-
Hi Ben,
I'm still having the problem after login. The home page scrolls way down to the bottom beyond the template. There seems to be no reason for it.
Thanks.
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
- When is visit www.starstudded3vents.com I don't see any unusual scrolling. You may have to provide a temporary credentials so I can test it after login. PM me if you'd like.
- B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
Thanks for the login. I don't have an immediate solution but I did find the problem.
Look at the last line in your body tag on a page that's having issues. Looks like this:
<div id="roksearch_results" style="position: absolute; top: 3595px; left: 235px; visibility: hidden; opacity: 0;"></div>
You'll notice the very high "top:" number. This line is generated by RokSearch to appropriately display search results. Try doing a search and you'll see the page re-sizes correctly.
This high number is probably generated for one of two reasons (or both).
1) jCarousel is using position:relative tags for each clip it displays. This tag will adjust (move) the position of an element but will not eliminate the original space it occupied. You can break the div container around your carousel and all the clips will line up vertically. You'll see it fills the "black" space perfectly. The positions surrounding jCarousel contain this "extra" space but RocSearch is still recognizing it for some reason.
2) Although the jQuery script jCarousel uses is running in jQuery.noConflict(), it doesn't guarantee mootools won't have a conflict. I know you can use some functions in both libraries together, I'm just not familiar with jCarousel enough to say it is compatible with everything in the Nebulae template using mootools.
You can make a quick fix by dropping RokSearch or jCarousel. You may be able to tweak one of them as to overcome the conflict. - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- stephiematt
- Newbie
- Posts: 6
- Thanks: 0
-
Hi Ben,
Thank you so much for checking this out for me. I completely removed the 2J carousel because it was no longer being used. For the RokAjaxSearch, how would I go about deleting the "top:"? Is this what I would do? I'm not that good when it come to modifying code.
Thanks again.
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
- The pages on your site that contained the search but not the carousel appeared to work when I looked. Are you saying the space still exists after removing the carousel?
- B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- stephiematt
- Newbie
- Posts: 6
- Thanks: 0
- Yes, it still has the scrolling issue on many of the pages - the "vue" pages.
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
I'm not sure what carousel you deleted but I'm talking about the one at the top of your page in the showcase position. The code refers to it as jCarousel. I imagine this is an important element to your page witch can be just deleted.
jCarousel depends on a library called jQuery witch has many issues with another library most of your page uses called mootools. You can search "mootools jQuery conflict" and get a little more familiar with it. You will find people that have successfully integrated these to library's with limited success but most of the time it just won't work.
Unless there is another forum member a little more familiar with jQuery, you may have to find another solution. Most people don't try to fix this conflict because finding the solution is not worth the effort. However, you could solicit help in The Marketplace here: http://www.rockettheme.com/forum/index.php?f=175&rb_v=viewforum . - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
Time to create page: 0.087 seconds