Zoor --- no vertical scrolling?

Hi, I have installed the Zoor theme on my test site, www.tadverb.com. The homepage doesn't scroll vertically, even though there is content below the fold. It just flickers if I try to scroll. ??? and thanks, Tad

Comments

user
Submitted by dementad on Wed, 01/21/2015 - 00:16

My bad. You can ignore my query.

user
Submitted by dementad on Wed, 01/21/2015 - 04:20

As ADMIN, the scrolling works. Otherwise, the scrolling does not work. Open the website, www.tadverb.com, on any device (no login). The vertical scrolling only results in a flicker of action at the bottom of the screen. As ADMIN, the scrolling works fine. I'm not sure where the problem is.

user
Submitted by admin on Wed, 01/21/2015 - 04:40

I am facing no problem accessing your website homepage. I have checked on IE10, Chrome and Firefox browsers.
I might be missing something. Can you please post a screenshot which will help me better understand the problem.

Also please clear browser cache and Drupal cache and try again.
Home >> Administration >> Configuration >> Development >> Performance >> Clear All Cache
OR http://www.tadverb.com/admin/config/development/performance

user
Submitted by dementad on Wed, 01/21/2015 - 16:21

Here is Safari, IE 11 and Chrome, side by side in a "small window" (phone size display).

First, you can see that IE 11 is broken (not responsive). Second, none of the screens allow scrolling to the bottom of the screen (vertical scrolling). All three screens simply pull the content down a little and then flick back to the top when using the right window scrollbar.

user
Submitted by dementad on Wed, 01/21/2015 - 16:24

As I noted earlier, when logged in as ADMIN, the scrolling works perfectly in all three browsers. But when not logged in (normal user), the scrolling does not work in any of the browsers.

user
Submitted by admin on Thu, 01/22/2015 - 05:16

Theme responsiveness is breaking in IE because you are using a large logo image (width).
The recommended width of logo is 300px.
http://drupar.com/zoor-theme-documentation/how-change-logo

For some reason, IE is not resizing the logo width.
But since you want to use a full width logo, please give me some time to make some changes to fit your requirement.

Regarding the scrolling problem, I can't find the problem at my end. Can you please ask any of your friend to check your website at his end.

user
Submitted by dementad on Thu, 01/22/2015 - 21:18

Using your sample code only, exactly as is, there is no problem. But if I remove any of the blocks (because I don't need that functionality), then the scrolling problem appears.

I removed all the sample code, starting with and ending with . In other words, I only kept two blocks: DARK ACTION BOX and OUR TESTIMONIALS + CLIENTS Section. This results in the scrolling problem.

I don't see how removing the inner blocks would cause any problem, but I will look closely at the CSS and associated files to see if I can figure it out.

Thanks for your rather quick responses!

user
Submitted by dementad on Thu, 01/22/2015 - 21:21

Sorry, I used brackets in the message above. I deleted all of the sample code (for the homepage content), starting with THE THREE FEATURES BOX and ending with END ACCORDION and TABS. So only the first and last sample blocks of code were kept (DARK ACTION BOX and OUR TESTIMONIALS).

Again, NO problem if I'm logged in as ADMIN, but NO scrolling if I'm not logged in.

user
Submitted by admin on Fri, 01/23/2015 - 03:33

Are you facing same scrolling issue on other pages of website also or its just for homepage only?

I request you to try following:
1) Check website on another device or ask any friend to check your website.
2) Try using default logo of theme.

user
Submitted by admin on Fri, 01/23/2015 - 06:46

Fix for logo width
Please apply following fix for logo width in IE and Firefox.

  1. open style.css in any text editor
  2. Find following code
    #header #logo {
    float: left;
    margin: 0 ;
    }
  3. Just after that add following code.
    @-moz-document url-prefix() {
        #logo img {
            width: 100%;
        }
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        #logo img {
            width: 100%;
        }
    }

  4. save style.css

Done!!

Pages