scrolling!

11 posts from 5 voices

• Started 7 months ago by twocanaries
• Latest reply from Nick
• This topic is closed
• This topic is not resolved

Tags:

• Scrolling

1. 

   twocanaries
   Member

   Hi

   I looked for this on the board and didn't get and idea how to fix it - My page won't scroll ... when I click a menu option it takes me there but then I lose my menu. I want it to slide like it does in the demo. Thanks!

   http://bit.ly/QBnHHG

   Posted 7 months ago #
2. 

   Ismael
   Moderator

   Hi twocanaries,

   Try to disable all your plugins. And check if it works.

   Regards,
   Ismael

   Posted 7 months ago #
3. 

   twocanaries
   Member

   Hi Ismael

   That didnt do the trick :(

   Posted 7 months ago #
4. 

   Dude
   Dude

   This is the default behaviour because your sidebar exceeds the viewport height. You can activate the scroll effect with a hack but be warned that users with smaller screens (1280 > ) probably will experience issues with the sidebar navigation. Open up coalition/js/avia.js and replace following line:

   if(sidebar.height() + sb_offset.top> win.height() || isMobile)

   with:

   if(isMobile)

   Posted 7 months ago #
5. 

   twocanaries
   Member

   Hey Dude (or another Admin)

   It's not just my screen that this occurs on. On every computer I have tried it on it doesn't work. I am confused as to why I need a 'hack' to make an advertised feature work.

   :S

   Posted 7 months ago #
6. 

   twocanaries
   Member

   ... my apologies as I am new to this ...

   Posted 7 months ago #
7. 

   Dude
   Dude

   It depends on the screen resolution of your screens. If eg all your screens have a resolution of 1280px x 786px the sidebar won't scroll because the sidebar height exceeds the viewport height on all screens.

   You can try to decrease the logo height which will also affect the sidebar height. Eg use following code (you can add it to the quick css field):

   #top .logo img {
       height: 50px !important;
   }

   to drecrease the logo height to 50px (I know this size is actually useless but it will demonstrate you that the sidebar now scrolls as expected). You can now increase the logo height and at some point you'll notice that the sidebar doesn't scroll anymore.

   So if you want to solve this issue for your screen resolution reduce the logo size or use the hack I posted above.

   Posted 7 months ago #
8. 

   twocanaries
   Member

   Hey :)

   I tried applying it and it still didn't work. I looked at it on other computers - and in fact the other computers I viewed it on were worse. The menu links didn't even go to their respective 'pages'

   Posted 7 months ago #
9. 

   twocanaries
   Member

   I would like my page to scroll smoothly like your demo

   Posted 7 months ago #
10. 

    srschroeder
    Member

    Hey guy, I found this solution in another post to permanently keep the left sidebar from scrolling,, add this in the Coalition - Theme Options - Custom CSS area:

    .sidebar {position: fixed !important;}

    otherwise,, note that your combined content in that left area should just be as little as possible to prevent the scrolling, and for decent viewing on smaller screens

    Posted 7 months ago #
11. 

    Nick
    Moderator

    Hi,

    Thanks for letting us know. We are glad you are back on track.

    Thanks,

    Nick

    Posted 6 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.