ATutor

Learning Management Tools







Pages:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15


topnavigation menu sticks to the screen when scrolling


  • 2016-02-10 13:14:27

    topnavigation menu sticks to the screen when scrolling

    Hello,
    In Atutor 2.2 when you scroll the page towards the bottom of the page, when topnavigation menu (id=topnalistcontainer) reaches to the top of the screen, it sticks there and you can still see it as you going down the page. The same thing happens to the login bar when it reaches to the top of the screen.
    Can anyone help me to solve this?
    Thank you

  • 2016-02-10 13:21:19

    Re: topnavigation menu sticks to the screen when scrolling

    Not quite sure what the problem is you are trying to describe. The navigation bars are supposed to stick to the top of the screen.

  • 2016-03-08 21:38:20

    Re: topnavigation menu sticks to the screen when scrolling

    Hello,
    If you scroll this page, you would see the problem.

    http://nosmoking.my/login.php

    Thanks

  • 2016-03-09 07:07:41

    Re: topnavigation menu sticks to the screen when scrolling

    It would appear the flash in the header area has pushed the main nav bar down. You would need to adjust the .scroll-to-fixed-fixed style on line 3411 of the themes/default/styles.css. Probably add on negative margin.

    margin-top:-2em;

    The menu is supposed to stick to the top of the screen.

  • 2016-05-04 19:19:44

    Re: topnavigation menu sticks to the screen when scrolling

    Is there a way to turn off the fixed navigation bars and footer in ATutor 2.2.1? I tried to do it in the stylesheet but it looks like the style, at least for the footer, is being embedded in code somewhere:

    element.style {
    z-index: 1000;
    position: fixed;
    bottom: 0px;
    margin-left: 0px;
    width: 1332px;
    left: 0px;
    }

    I am working from the ATutor default theme.

  • 2016-05-05 09:09:53

    Re: topnavigation menu sticks to the screen when scrolling

    You can disable the sticky footer in System Preferences>Themes>Custom Logo

    The header is a little more complicated. You'd need to comment out, or remove the following block of code:

    https://github.com/atutor/ATutor/blob/master/jscripts/ATutor_js.php#L45-L160

  • 2016-05-05 11:58:14

    Re: topnavigation menu sticks to the screen when scrolling

    Thanks for the quick response! It worked like a charm. Although I will definitely remove the sticky footer, I'm reconsidering the sticky header. I'm trying to design a theme that doesn't require any source code modifications. Plus, I just found a good article on the pros and cons of fixed navigation bars - http://www.awwwards.com/fixed-navigation-bars-pros-and-cons.html.